In this section you can set up many basic settings like Logo, Fonts, Header, Footer, Displaying of different elements on all shop, etc. We’ve tried to group these as
comfortable as possible. Let’s go through all of them to make clear what they allow to change.
Go to Appearance › Customize › Theme Options.
Header
The Header section contains settings Header Style, Sticky Menu, Tagline, Product Search, Breadcrumbs, etc.
- Header Style – select Header Style for your site (Header1, Header2, Header3, Header4).
- Sticky Menu – On/Off Sticky Menu.
- Tagline(1) – Show/Hide Tagline (displays the tagline next to the logo).
- Search(2) – Show / Hide Product Search. Search by product, if WooCommerce is active, by default a standard search will be displayed.
- Icon Sopping Cart(3) – Show / Hide Icon Sopping Cart, if WooCommerce is active. When hovering a mini cart is displayed.
- Icon Wischlist(4) – Show / Hide Icon Wischlist, if YITH WooCommerce Wishlist is active.
- Icon Compare(5) – Show / Hide Icon Compare, if YITH WooCommerce Compare is active.
- Breadcrumb(6) – Show / Hide Icon Breadcrumb on pages, posts and products.
- Header Info(7) – add custom info.
Logo
llows to set up your logo and favicon (browser icon). If you do not have a logo image, then the site name will be displayed in text and you can customize the font, size, color, etc. for Site Name.
Theme Colors
This section set the colors of your site.
Theme Color
Choose the primary color of your site. This will be the color of the icons, buttons, stars for product ratings, link color in text etc.
Link Color
Color of links in the sidebar, sooter, color of tags, share buttons, link in comments, woocommerce tab title etc.
Sale Color
Set color for sale: new price and background of the label SALE.
Typography
The typography includes 4 types of fonts. The fields Variant allow to use a diiferent font style (sans-serif, serif, display, handwriting, monospace, cursive) of chosen font if it has so. Here is the usage guide:
MAIN FONT
- Paragraphs
- Headings H4, H5, H6
- Blockquotes
- Tables
- Definition Lists
- Unordered Lists
- Ordered Lists
- HTML Tags
- Input Fields
- Dropdowns
- Links
- Tags
HEADERS FONT
- Headings H1, H2, H3
INTARACTIVE TEXT FONT
- Buttons
- Menu (top level)
- Breadcrumbs
- WooCommerce Tab Title
- Pagination
LABEL FONT
- Labels on Shop Page over images like SALE, SOLD, etc.
Note: Slider is a different element. You have to set fonts for it separately
in Slider Revolution › jOLiSHOP Main Slider section.
Shop
In this section, set the settings for your Shop Page.
- Shop Style – select style display of products on the shop page (Classic, Simple, Modern)
- Show products per Shop page – display the number of products per page
- Show loop products – display of products on the Shop page by default
- Display product images cover – on in order to image fill the whole space, relevant if the image with the background.
- Product Secondare Image – show the second image when hover the product.
- Product Categories name (8) – show/hide categories name in products list.
- Product Rating (9)– show/hide rating in products list.
- Sales Product Countdown (10) – show/hide Sales Product Countdown in products list. Relevant if appropriate settings are made for this product.
- Button Add To Cart (11) – show/hide button Add to Cart in products list.
- Price display (12) – enable or disable superscript for small change.
Product Page
In this section, set the settings for Product Page.
- Product Gallery thumbnail position – select thumbnails box position to product page Side(13) or Bottom(14).
- Product Variable Select – on/off variable in select(15/16).
- Product Tabs(17) – on/off Product Info in tabs.
- Related Producs (18) – on/off box Related Producs.
Blog
Some settings regarding blog. You can see the changes on Blog and Post pages.
Blog Page
AUTHOR NAME
Enable/Disable Author name (20)
POST DATE
Enable/Disable Post Date (19)
CATEGORIES
Enable/Disable Categories (21)
COMMENT COUNT
Enable/Disable Comment Count (22)
POST SHORT TEXR
Post excerpt words limit (23)
Post Page
CATEGORIES
Enable/Disable Categories (24)
AUTHOR NAME
Enable/Disable Author name (25)
POST DATE
Enable/Disable Post Date (16)
PREVIOUS/NEXT POST
Show/Hide navigation (27)
SIMILAR POSTS
Show/Hide related articles (28)
Note: Latest Posts block on Main Page is done with Visual Composer plugin. If you are familiar with it, you can modify this block to your needs in Visual Composer › Grid Builder section.
Sidebar
There are 3 conditional types of sidebar: Blog, Shop and Product. We can align them to right or left of page, if sidebar not empty.
Share Buttons
This section allows to get on/off social buttons on Post and Product pages. You can specify social icons, which exactly to display on both pages.
Note: icon Amazon wish list only for Product page.
Payment Icons
This section allows to get on/off Payment Icons on Product page and Footer site.
Displays a range of payment services like Visa, Mastercard, etc.
Footer
In this section you can:
- Сhoose a Footer Layout Type. See how to create a Footer layout on jOLiSHOP Footers.
- Change the Copyright text to yours in Copyright Text.