Month: May 2020 - Doc of YITH Proteo theme

Sample data

Home > May 2020

To import sample data of Proteo, you first need to install this plugin: YITH Proteo Toolkit

How to install the plugin.

Download the plugin.
Log in to your WordPress dashboard, navigate to the Plugins menu, and click Add New
Click the button Upload plugin from the top section of the page.
Navigate where you downloaded the plugin and click Install Now.
Activate “YITH Proteo Toolkit” from Plugins page

How to use the plugin and import sample data.

Once the plugin is installed, a setup wizard will be shown. Just follow all steps and you’re done. No data will be lost in your website.

The plugin is installed and enabled but I cannot see the setup wizard.

This may happen in case you already opened the setup wizard earlier. In this case you can open in from this location: Dashboard > Appearance > Theme Setup

General hints

Home > May 2020

Here you can find a list of setup hints for your website.

Use a static page for homepage and add a nice slider in the header of this.

Read more about how to add a slider to your page from this link about page options.

Create a page for your blog

Set it in Dashboard > Settings > Reading > Reading Settings

Disable AJAX add to cart to see animated add-to-cart banners on your website

Configure the right amount of products per row and page.

To do this navigate to Appearance > Customize > WooCommerce > Product Catalog

Configure the right image size and proportion for your products

Here you can check values used in our live demo

Take care of the Thumbnail cropping if you want to achieve our design.

Add a search widget to your site header

Leave widget title empty for design purposes and to achieve our design.

Add a cart widget to your site header

Leave widget title empty for design purposes and to achieve our design.

Use sticky header

Use a Proteo child theme

If you want to modify some parts of the theme, use a child theme is highly recommended.

You can read more about Proteo child themes in this documentation.

Suggested plugins

Home > May 2020

Here a list of suggested and supported plugins used in our live demo.

YITH Slider for page builders | link

YITH WooCommerce Wishlist | link

YITH WooCommerce Product Slider Carousel | link

Gutenberg | link

Elementor | link

Contact Form 7 (formely CF7) | link

Page and post options

Home > May 2020

Proteo theme adds some custom options to your websiste pages and posts. Let’s check them out.

Title icon

This allows displaying an icon in the page or post title. The icon can be chosen from a searchable list with previews:

Sidebar management

From this box, you can override the general sidebar settings, and make sure that one or more of your pages have custom sidebar settings.

Sidebar position:

Inherit from the general settings
No-sidebar
Left
Right

Choose a sidebar: here you can either choose to inherit the general settings or to pick any of your site sidebars.

If you want to change the general settings of your sidebars, please, refer to the following pages:

Header and footer

Use this option to hide the header and footer on this page/post. This is very useful if you want to achieve a particular and unique design of a page (landing page, squeeze page and similar).

This option is also useful if you want to use block menus instead of standard navigation menus.

Header slider

If you use YITH Slider for page builders plugin (it’s free on wordpress.org) you have another option named Header slider.

This option helps to integrate previously created sliders into your page header section.

Please note that this option is available only for pages and not for posts.

Store notice

Home > May 2020

WooCommerce gives to the store owner the capability to add a sitewide disclaimer to display a message to all visitors. From this Store notice menu you can customize:

the text
the background color
the text color
the font size

Sale badge

Home > May 2020

Here you can customize the background color, font color and font size of the sale badge.

WooCommerce messages

Home > May 2020

You can configure accent color for WooCommerce messages, and differentiate between default, info and error messages.

Animated messages

If you want “Add to cart” animated messages, make sure you disable this WooCommerce option:

WooCommerce > Settings > Products > Add to cart behaviour > Enable AJAX add to cart buttons on archives

Single product page

Home > May 2020

In this section you can manage options related to products and product pages. You will find various sections. Let’s have a look at them.

1. Product title

Here you can configure typography options for the product title:

font family
font weight & style
font size
font color.

2. Product image

Enable featured image zoom: whenever you hover over the product image, it will be automatically zoomed in to show more details.

Enable featured image lightbox: this enables a lightbox where all images can be viewed one after the other. It will show the image title as well. The background color inherits the main color shade (from Theme options > Miscellaneous > Site options, more info here).

Enable additional images slider: this option will automatically show a slider with all the images in the product gallery, if they are more than 4.

Make product image sticky when scrolling: enable to make sure that the featured product image will still be visible even if you scroll down the page. This is useful if you have a long product description or many product options displayed in the product description section.

Product price and Add to cart

Available options:

Product price font size
Product price font color
Product quantity font size
“Add to cart” button font size
Show a reset variation link (only for variable products)

Related products

Related products are products from your store with the same tags or categories as the current product. These products cannot be selected by the admin, but can be influenced by grouping similar products into the same category or by using the same tags.

Here you can customize the Related product section by setting:

Maximum number of related products to show
Columns i.e. products per row

Here you can choose whether to show a sidebar on all product pages and where it will be displayed.

Sidebar position: no sidebar, left, right
Choose sidebar among the ones configured for your website
Force all products to use the same sidebar.

Unless the latter option is enabled, you can override these settings, and for example show a custom sidebar or no sidebar at all, from the product page. Please, refer to this page for more details.

Tabs management

Here you can customize the font size and color of the standard WooCommerce tabs displayed on the product page, like the Description or Reviews tab.

Product categories, tags and SKUs

Here you set whether to show or not:

Product categories
Product tags
Product SKU

Product category page

Home > May 2020

From this panel, you can choose a specific sidebar layout and pick one of your available sidebars to show on all product category pages.

You can override these settings both from the category edit page and from the product edit page, so for example show a custom sidebar or no sidebar at all.

Override sidebar settings from category edit page — Override sidebar settings from CATEGORY edit page

Override sidebar settings from PRODUCT edit page

Please, refer to this page for more details about all the options available on the product page.

Product tag page

Home > May 2020

From this panel, you can choose a specific sidebar layout and pick one of your available sidebars to show on all product tag pages.

You can override these settings, and for example show a custom sidebar or no sidebar at all, from the product page. Please, refer to this page for more details.