Ocin Documentation

All theme’s options are in the WordPress Customizer Appearence > Customize. Here you can select things like the styling colors, change typography and much more.

All color options are in Appearence > Customize > Colors. Select the color you want and then click on “Save & Publish”.

Go to Appearance > Menus and create a menu with your social profiles as Custom Links.

Then select Social Menu as your Theme Location

Then you will see your social icons atomatically at the footer.

To select your Shop page as your home page, go to Settings > Reading and select them as shown in the image.

Create a full width page

If you don’t want the sidebar on a page you create. Just select “Full Width” in the Page template option.

Here you can add your WooCommerce categories. Go to Appearance > Customize > Shop Options, there you can select which categories you want displayed on the Shop page.

For the shop you can select two layouts, Grid and Masonry. For this, go to Appearance > Customize > Shop Options > Shop Layout.

Also you can select how many columns you want for the shop, right under Select Columns

You can easily add a logo for your site on the Customizer. For this, go to Appearance > Customize > Site Identity.

There upload your logo and click Save & Publish

Manage your Top Bar from Appearance > Customize > Top Bar Options.

There you can enable or disable the Top Bar, add text and select the background color.

You can also add a Menu on the Top Bar. Just create a new menu and use Top Bar as your menu location.

You can choose from several Header layouts, for tihs go to Appearance > Customize > Header Options.

And there select your favorite layout..

For the Blog you can select two layouts, Normal and Masonry. For this, go to Appearance > Customize > Blog Options, select your layout and click Save & Publish.

To create a slider, first, you have to install the Meta Slider plugin. This plugin will be recommended to install on theme’s activation. You can install it from Appearance > Install Plugins. If you don’t see that section is because all recommended plugins are installed and updated.

Yo create a new Slider go to Meta Slider on your Admin Panel.

There you can start creating a new Slider by clickin on this button:

After that create your slides by clicking on this button:

Create as many slides as you want. Then you can play with the settings for the slider but these are the recommended fro the theme:

Once you have one or more slider created is time to select the one to show it on the Shop page. For this go to Appearance > Customize > Slider Section > Slider. There you will see the list of your sliders, just select the one you want and click Save & Publish.

You can find more documentation on how to use the MetaSlider plugin, here: MetaSlider Documentation

You can select between two slider layouts, the boxed default one or a fullscreen option.

For this just go to your Appearance > Customize > Slider Section > Slider and click on “Do you want a fullscreen slider? “

The banners are shown if you use a Slider, then you can edit them on Appearance > Customize > Slider Section > Banner 1/2

Each banner has their own options and you can have one or both enabled.

Go to Appearance > Customize > Typography to change the main font for any other Google Font listed. You can also add Google Font Subsets and change the weight and size.

To create a contact page, start creating a new page and using the Contact page template:

This page will automatically add your Social Menu and the content of the page itself.

To add a Form, make sure you have Jetpack installed and Contact Form setting enabled, you can check this on your Admin Panel Jetpack > Settings:

Once that’s enabled, the contact form will be automatically added into the Contact Page.

You can also add a Google Map, for this go to Appearance > Customize > Contact Page and add your Google Maps API Key and your coordinates

That’s it, after this you should have a Contact Page like the demo site.

The theme uses the sharing module of Jetpack to add social sharing buttons on your products.

Make sure you have the Sharing module enable on Jetpack > Settings

Then go to Settings > Sharing and select these option for the buttons to appear on your products correctly:

You have the option to display products in portrait instead of landscape layout.

For this, while your are editing your product, go to the General tab in your Product Data and select this option: