Hongo includes simple and easy options to customize the design of your site. Most of the theme options will be found here. While using customizer you will be able to preview the changes without publishing it.

Step 1: Go to admin panel > Appearance > Customize > WooCommerce.

Overview

Store Notice

Store Notice allows you to enter a site-wide message shown to everyone visiting your store.

Product Catalog

Shop page displayChoose what to display on the main shop page.
Category displayChoose what to display on product category pages.
Default product sortingHow should products be sorted in the catalog by default?

Product Images

Main image widthImage size used for the main image on single product pages. These images will remain uncropped.
Thumbnail widthImage size used for products in the catalog.
Thumbnail cropping1:1 – Images will be cropped into a square
Custom – Images will be cropped to a custom aspect ratio
Uncropped – Images will display using the aspect ration in which they were uploaded

Checkout

Company name field You can select option like “optional” , “required” or “hidden” from dropdown for company name field.
Address line 2 field You can select option like “optional” , “required” or “hidden” from dropdown for address line 2 field.
Phone field You can select option like “optional” , “required” or “hidden” from dropdown for phone field.
Highlight required fields with an asterisk Show/Hide asterisk’s with the filed label or placeholder.
Privacy policy page You can select page for privacy policy from dropdown.
Terms and conditions page You can select page for terms and conditions from dropdown.
Privacy policy Optionally add some text about your store privacy policy to show during checkout.
Terms and conditions Optionally add some text for the terms checkbox that customers must accept.

Title Typography and Color

Font size You can add the font size for the title in pixel.
Line height You can add Line height for the title in pixel.
Letter spacing You can add Letter spacing for the title in pixel.
Text case You can select the Text case for the Title from dropdown.
Font weight You can select the font weight for title from dropdown.
Color This option will change the color of the Title. Click on “Select Color” button under this and select color from color picker.

Form Typography and Colors

Label font size You can add the font size for the label in pixel.
Label line height You can add Line height for the label in pixel.
Label letter spacing You can add Letter spacing for the label in pixel.
Label text case You can select the Text case for the label from dropdown.
Label font weight You can select the font weight for label from dropdown.
Label color This option will change the color of the Label. Click on “Select Color” button under this and select color from color picker.
Input border color This option will change the color of the Input border. Click on “Select Color” button under this and select color from color picker.
Input color This option will change the color of the Input. Click on “Select Color” button under this and select color from color picker.
Input placeholder color This option will change the color of the Input placeholder. Click on “Select Color” button under this and select color from color picker.

Button Typography and Colors

Font size You can add the font size for the button in pixel.
Line height You can add Line height for the button in pixel.
Letter spacing You can add Letter spacing for the button in pixel.
Text case You can select the Text case for the button from dropdown.
Font weight You can select the font weight for button from dropdown.
Background colorThis option will change the color of the button background. Click on “Select Color” button under this and select color from color picker.
Background hover colorThis option will change the hover color of the button background. Click on “Select Color” button under this and select color from color picker.
ColorThis option will change the color of the button text. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the button text. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the color of the button border. Click on “Select Color” button under this and select color from color picker.
Border hover color This option will change the hover color of the button border. Click on “Select Color” button under this and select color from color picker.

Payment Box Typography and Colors

Background color This option will change the color of the Box background. Click on “Select Color” button under this and select color from color picker.
Content background color This option will change the color of the Content background. Click on “Select Color” button under this and select color from color picker.
Label font size You can add the font size for the label in pixel.
Label line height You can add Line height for the label in pixel.
Label letter spacing You can add Letter spacing for the label in pixel.
Label text case You can select the Text case for the label from dropdown.
Label font weight You can select the font weight for label from dropdown.
Label color This option will change the color of the Label. Click on “Select Color” button under this and select color from color picker.
Content font size You can add the font size for the content in pixel.
Content line height You can add Line height for the content in pixel.
Content letter spacing You can add Letter spacing for the content in pixel.
Content text case You can select the Text case for the content from dropdown.
Content font weight You can select the font weight for content from dropdown.
Content color This option will change the color of the Content. Click on “Select Color” button under this and select color from color picker.

General

Login / Coupon heading color This option will change the color of the Login / Coupon heading. Click on “Select Color” button under this and select color from color picker.
Login / Coupon icon color This option will change the color of the Login / Coupon icon. Click on “Select Color” button under this and select color from color picker.
Lost password color This option will change the color of the Lost password text. Click on “Select Color” button under this and select color from color picker.
Sidebar background color This option will change the color of the Sidebar background. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the color of the Border. Click on “Select Color” button under this and select color from color picker.
Total color This option will change the color of the Total. Click on “Select Color” button under this and select color from color picker.
Content heading color This option will change the color of the Content heading. Click on “Select Color” button under this and select color from color picker.
Content color This option will change the color of the Content. Click on “Select Color” button under this and select color from color picker.

Cart

Cross Sells Product

Product on cart You can display / hide Product on cart by selecting “On/Off” button respectively.
Cross sell product heading You can add heading text for Cross sell product.
No. of columns You can select number of columns to be display in cross sell products.
Spacing between columns You can select spacing between columns to be display in cross sell products.
No. of products You can add number of product to be display in cross sell products.
Thumbnail size You can select thumbnail size for cross sell products images from dropdown.
SliderYou can display / hide Slider by selecting “On/Off” button respectively.

Cross Sell Slider Configuration

Mini desktop slider per view You can select slider per view for mini desktop from dropdown.
Tablet slider per view You can select slider per view for tablet from dropdown.
Mobile slider per view You can select slider per view for mobile from dropdown.
Pagination You can display / hide Pagination by selecting “On/Off” button respectively.
Pagination color This option will change the color of the Pagination. Click on “Select Color” button under this and select color from color picker.
Active pagination color This option will change the color of the Active pagination. Click on “Select Color” button under this and select color from color picker.
NavigationYou can display / hide Navigation by selecting “On/Off” button respectively.
Navigation color This option will change the color of the Navigation. Click on “Select Color” button under this and select color from color picker.
LoopYou can display / hide Loop by selecting “On/Off” button respectively.
AutoplayYou can display / hide Autoplay by selecting “On/Off” button respectively.
Slide delay You can add slide delay like 1000=1 sec.

Cross Sells Typography

Font size You can add the font size for the cross sells title in pixel.
Line height You can add Line height for the cross sells title in pixel.
Letter spacing You can add Letter spacing for the cross sells title in pixel.
Font weight You can select the font weight for cross sells title from dropdown.
ColorThis option will change the color of the cross sells title. Click on “Select Color” button under this and select color from color picker.

Table Title Typography and Color

Font size You can add the font size for the table title in pixel.
Line height You can add Line height for the table title in pixel.
Letter spacing You can add Letter spacing for the table title in pixel.
Text case You can select the Text case for the Table title from dropdown.
Font weight You can select the font weight for table title from dropdown.
ColorThis option will change the color of the Table title. Click on “Select Color” button under this and select color from color picker.

Table Content Typography and Color

Font size You can add the font size for the table content in pixel.
Line height You can add Line height for the table content in pixel.
Letter spacing You can add Letter spacing for the table content in pixel.
Text case You can select the Text case for the Table content from dropdown.
Font weight You can select the font weight for table content from dropdown.
ColorThis option will change the color of the Table content. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Table content. Click on “Select Color” button under this and select color from color picker.
Quantity border color This option will change the color of the Quantity border in table. Click on “Select Color” button under this and select color from color picker.
Empty / Update cart color This option will change the color of the Empty / Update cart color in table. Click on “Select Color” button under this and select color from color picker.

Coupon Colors

Coupon input color This option will change the color of the Coupon input text in table. Click on “Select Color” button under this and select color from color picker.
Coupon input placeholder color This option will change the color of the Coupon input placeholder text in table. Click on “Select Color” button under this and select color from color picker.
Coupon input border color This option will change the color of the Coupon input border in table. Click on “Select Color” button under this and select color from color picker.
Coupon button color This option will change the color of the Coupon button in table. Click on “Select Color” button under this and select color from color picker.

Cart Box Title Typography and Colors

Font size You can add the font size for the cart box title in pixel.
Line height You can add Line height for the cart box title in pixel.
Letter spacing You can add Letter spacing for the cart box title in pixel.
Text case You can select the Text case for the cart box title from dropdown.
Font weight You can select the font weight for cart box title from dropdown.
ColorThis option will change the color of the cart box title. Click on “Select Color” button under this and select color from color picker.

Button Typography and Colors

Font size You can add the font size for the button in pixel.
Line height You can add Line height for the button in pixel.
Letter spacing You can add Letter spacing for the button in pixel.
Text case You can select the Text case for the button from dropdown.
Font weight You can select the font weight for button from dropdown.
Background color This option will change the color of the button background. Click on “Select Color” button under this and select color from color picker.
Background hover colorThis option will change the hover color of the button background. Click on “Select Color” button under this and select color from color picker.
Color This option will change the color of the button text. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the button text. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the color of the button border. Click on “Select Color” button under this and select color from color picker.
Border hover color This option will change the hover color of the button border. Click on “Select Color” button under this and select color from color picker.

Cart Box Colors

Background color This option will change the color of the cart box background. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the color of the cart box border. Click on “Select Color” button under this and select color from color picker.
Content heading color This option will change the color of the content heading in cart box. Click on “Select Color” button under this and select color from color picker.
Content color This option will change the color of the content in cart box. Click on “Select Color” button under this and select color from color picker.
Total color This option will change the color of the total text in cart box. Click on “Select Color” button under this and select color from color picker.

Mini cart

Layout

Layout styleYou can select the style for mini cart from given option.
Always show If On then mini cart icon always show in cart and checkout page.

Unique Selling Proposition

USP text You can add USP text which will be display in mini cart.
Font size You can add the font size for the USP text in pixel.
Line height You can add Line height for the USP text in pixel.
Letter spacing You can add Letter spacing for the USP text in pixel.
Text case You can select the Text case for the USP text from dropdown.
Font weight You can select the font weight for USP text from dropdown.
USP color This option will change the color of the USP text. Click on “Select Color” button under this and select color from color picker.

General

Mini cart background color This option will change the color of the mini cart background. Click on “Select Color” button under this and select color from color picker.
Separator color This option will change the color of the separator. Click on “Select Color” button under this and select color from color picker.
Close button color This option will change the color of the close button. Click on “Select Color” button under this and select color from color picker.

Product Title Typography and Color

Font size You can add the font size for the product title in mini cart in pixel.
Line height You can add Line height for the product title in mini cart in pixel.
Letter spacing You can add Letter spacing for the product title in mini cart in pixel.
Font weight You can select the font weight for product title in mini cart from dropdown.
Text case You can select the Text case for the product title in mini cart from dropdown.
Title text color This option will change the color of the product title in mini cart. Click on “Select Color” button under this and select color from color picker.
Title hover text color This option will change the hover color of the product title in mini cart. Click on “Select Color” button under this and select color from color picker.

Price Typography and Color

Font size You can add the font size for the price text in mini cart in pixel.
Line height You can add Line height for the price text in mini cart in pixel.
Letter spacing You can add Letter spacing for the price text in mini cart in pixel.
Font weight You can select the font weight for price text in mini cart from dropdown.
Price text color This option will change the color of the price text in mini cart. Click on “Select Color” button under this and select color from color picker.

Subtotal Label Typography and Color

Font size You can add the font size for the subtotal label in mini cart in pixel.
Line height You can add Line height for the subtotal label in mini cart in pixel.
Letter spacing You can add Letter spacing for the subtotal label in mini cart in pixel.
Font weight You can select the font weight for subtotal label in mini cart from dropdown.
Text case You can select the Text case for the subtotal label in mini cart from dropdown.
Subtotal text color This option will change the color of the subtotal label in mini cart. Click on “Select Color” button under this and select color from color picker.

Subtotal Price Typography and Color

Font size You can add the font size for the subtotal price in mini cart in pixel.
Line height You can add Line height for the subtotal price in mini cart in pixel.
Letter spacing You can add Letter spacing for the subtotal price in mini cart in pixel.
Font weight You can select the font weight for subtotal price in mini cart from dropdown.
Subtotal text color This option will change the color of the subtotal price in mini cart. Click on “Select Color” button under this and select color from color picker.

View Cart and Checkout Typography

Font sizeYou can add the font size for the view cart and checkout text in mini cart in pixel.
Line height You can add Line height for the view cart and checkout text in mini cart in pixel.
Letter spacing You can add Letter spacing for the view cart and checkout text in mini cart in pixel.
Font weight You can select the font weight for view cart and checkout text in mini cart from dropdown.
Text case You can select the Text case for the view cart and checkout text in mini cart from dropdown.

View Cart Colors

ColorThis option will change the color of the view cart text in mini cart. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the view cart text in mini cart. Click on “Select Color” button under this and select color from color picker.
Background color This option will change the color of the view cart text background in mini cart. Click on “Select Color” button under this and select color from color picker.
Hover background color This option will change the hover color of the view cart text background in mini cart. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the color of the view cart text border in mini cart. Click on “Select Color” button under this and select color from color picker.
Hover border color This option will change the hover color of the view cart text border in mini cart. Click on “Select Color” button under this and select color from color picker.

Checkout Colors

ColorThis option will change the color of the checkout text in mini cart. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the checkout text in mini cart. Click on “Select Color” button under this and select color from color picker.
Background color This option will change the color of the checkout text background in mini cart. Click on “Select Color” button under this and select color from color picker.
Hover background color This option will change the hover color of the checkout text background in mini cart. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the color of the checkout text border in mini cart. Click on “Select Color” button under this and select color from color picker.
Hover border color This option will change the hover color of the checkout text border in mini cart. Click on “Select Color” button under this and select color from color picker.

My account

General

Heading colorThis option will change the color of the heading color. Click on “Select Color” button under this and select color from color picker.
Content colorThis option will change the color of the content color. Click on “Select Color” button under this and select color from color picker.
Order table border colorThis option will change the color of the order table border color. Click on “Select Color” button under this and select color from color picker.
Order pagination colorThis option will change the color of the order pagination color. Click on “Select Color” button under this and select color from color picker.
Order pagination hover colorThis option will change the color of the order pagination hover color. Click on “Select Color” button under this and select color from color picker.
Login box background colorThis option will change the color of the login box background color. Click on “Select Color” button under this and select color from color picker.
Register box background colorThis option will change the color of the register box background color. Click on “Select Color” button under this and select color from color picker.

Tab typography and color

Font sizeYou can add the font size for the tab title in pixel.
Icon font sizeYou can add the font size for the icon in pixel.
Line heightYou can add Line height for the tab title in pixel.
Letter spacingYou can add Letter spacing for tab title in pixel.
Text caseYou can select text case for tab title from dropdown.
Font weightYou can select the font weight from dropdown.
Background colorThis option will change the color of the tab background color. Click on “Select Color” button under this and select color from color picker.
ColorThis option will change the color of the tab color. Click on “Select Color” button under this and select color from color picker.
Active colorThis option will change the color of the tab active color. Click on “Select Color” button under this and select color from color picker.
Border colorThis option will change the color of the tab border color. Click on “Select Color” button under this and select color from color picker.

Form label typography and color

Font sizeYou can add the font size for the form label in pixel.
Line heightYou can add Line height for the form label in pixel.
Letter spacingYou can add Letter spacing for form label in pixel.
Text caseYou can select text case for form label from dropdown.
Font weightYou can select the font weight from dropdown.
ColorThis option will change the color of the form label color. Click on “Select Color” button under this and select color from color picker.
Input Border colorThis option will change the color of the form label input border color. Click on “Select Color” button under this and select color from color picker.

Table title typography and color

Font sizeYou can add the font size for the table title in pixel.
Line heightYou can add Line height for the table title in pixel.
Letter spacingYou can add Letter spacing for table title in pixel.
Text caseYou can select text case for table title from dropdown.
Font weightYou can select the font weight from dropdown.
ColorThis option will change the color of the table title color. Click on “Select Color” button under this and select color from color picker.

Button typography and color

Font sizeYou can add the font size for the button in pixel.
Line heightYou can add Line height for the button in pixel.
Letter spacingYou can add Letter spacing for button in pixel.
Text caseYou can select text case for button from dropdown.
Font weightYou can select the font weight from dropdown.
Background colorThis option will change the color of the button background color. Click on “Select Color” button under this and select color from color picker.
Background hover colorThis option will change the color of the button background hover color. Click on “Select Color” button under this and select color from color picker.
ColorThis option will change the color of the button color. Click on “Select Color” button under this and select color from color picker.
Hover colorThis option will change the color of the button hover color. Click on “Select Color” button under this and select color from color picker.
Border colorThis option will change the color of the button border color. Click on “Select Color” button under this and select color from color picker.
Border hover colorThis option will change the color of the button border hover color. Click on “Select Color” button under this and select color from color picker.

Product Single

Layout and Container

Layout style You can select style for product layout.
Left sidebar You can select style from dropdown.
Right sidebar You can select style from dropdown.
Container style You can select style for container from dropdown.
Full width padding You can add padding for Full width in pixel.
CommentsIf page comment is off in WordPress then it cannot be switched on here.

Single Product Style and Data

Single product style You can select style for product.
Variation swatch style You can select style from dropdown.
Background image You can add background image by selecting “Select image”.
Content position You can select content position from dropdown.
Slider You can display / hide Slider by selecting “On/Off” button respectively.
Zoom icon You can display / hide Zoom icon by selecting “On/Off” button respectively.
Zoom icon background color This option will change the background color of the Zoom icon. Click on “Select Color” button under this and select color from color picker.
Product brand You can display / hide Product brand by selecting “On/Off” button respectively.
Product brand image You can display / hide Product brand image by selecting “On/Off” button respectively.
Sale box You can display / hide Sale box by selecting “On/Off” button respectively.
Percentage sale box You can display / hide Percentage sale box by selecting “On/Off” button respectively.
Sold text You can add text for “Sold box”.
New box You can display / hide New box by selecting “On/Off” button respectively.
New text You can add text for “New box”.
TitleYou can display / hide Title by selecting “On/Off” button respectively.
Short description You can display / hide Short description by selecting “On/Off” button respectively.
SKUYou can display / hide SKU by selecting “On/Off” button respectively.
CategoryYou can display / hide Category by selecting “On/Off” button respectively.
Tag You can display / hide Tag by selecting “On/Off” button respectively.
Wishlist You can display / hide Wishlist by selecting “On/Off” button respectively.
Wishlist text You can add text for “Wishlist”.
Compare You can display / hide Compare by selecting “On/Off” button respectively.
Compare text You can add text for “Compare”.
Share You can display / hide Share by selecting “On/Off” button respectively.
Share heading You can add text for “Share heading”.
Sticky add to cart You can display / hide Sticky add to cart by selecting “On/Off” button respectively.
Tab content heading You can display / hide Tab content heading by selecting “On/Off” button respectively.
Add margin top header height You can display / hide Add margin top header height by selecting “On/ Off” button respectively.
Padding top You can add padding top in pixel.
Padding bottom You can add padding bottom in pixel.
Separator color This option will change the color of the Separator. Click on “Select Color” button under this and select color from color picker.

Breadcrumb & Navigation Box

BreadcrumbYou can display / hide Breadcrumb by selecting “On/Off” button respectively.
NavigationYou can display / hide Navigation by selecting “On/Off” button respectively.

Single Product List

Related product You can display / hide Related product by selecting “On/Off” button respectively.
Related product heading You can add text for “Related product heading”.
Up sells product You can display / hide Up sells product by selecting “On/Off” button respectively.
Up sells product heading You can add text for “Up sells product heading”.
No. of columns You can select style for “No. of columns” to be display on page
Spacing between columns You can select style for “Spacing between columns”.
No. of products You can add “No. of products” to be display on page.
Thumbnail size You can select Thumbnail size for product image.
SliderYou can display / hide Slider by selecting “On/Off” button respectively.
Product list tab You can display / hide Product list tab by selecting “On/Off” button respectively.

Size Guide Font and Color

Size guide You can display / hide Size guide by selecting “On/Off” button respectively.
Size guide text You can add text for Size guide.
Size guide title You can add title for Size guide.
Size guide content You can add content for Size guide.

Sale, New & Sold Box Typography

Font size You can add Font size for sale, new and sold box in pixel.
Line height You can add Line height for sale, new and sold box in pixel.
Letter spacing You can add Letter spacing for sale, new and sold box in pixel.
Font weight You can select Font weight for sale, new and sold box from dropdown.
Text case You can select Text case for sale, new and sold box from dropdown.
Sale box color This option will change the color of the Sale box. Click on “Select Color” button under this and select color from color picker.
Sale box background color This option will change the background color of the Sale box. Click on “Select Color” button under this and select color from color picker.
New box color This option will change the color of the New box. Click on “Select Color” button under this and select color from color picker.
New box background color This option will change the background color of the New box. Click on “Select Color” button under this and select color from color picker.
Sold box color This option will change the color of the Sold box. Click on “Select Color” button under this and select color from color picker.
Sold box background color This option will change the background color of the Sold box. Click on “Select Color” button under this and select color from color picker.

Title Typography

Font size You can add Font size for Title in pixel.
Line height You can add Line height for Title in pixel.
Letter spacing You can add Letter spacing for Title in pixel.
Font weight You can select Font weight for Title from dropdown.
Text case You can select Text case for Title from dropdown.
ColorThis option will change the color of the Title. Click on “Select Color” button under this and select color from color picker.

Rating Start Color

ColorThis option will change the color of the Rating star. Click on “Select Color” button under this and select color from color picker.

Price Typography

Font size You can add Font size for Price in pixel.
Line height You can add Line height for Price in pixel.
Letter spacing You can add Letter spacing for Price in pixel.
Font weight You can select Font weight for Price from dropdown.
Text case You can select Text case for Price from dropdown.
ColorThis option will change the color of the Price. Click on “Select Color” button under this and select color from color picker.
Regular price color This option will change the color of the Regular price. Click on “Select Color” button under this and select color from color picker.

Short Description Typography

Font size You can add Font size for Short description in pixel.
Line height You can add Line height for Short description in pixel.
Letter spacing You can add Letter spacing for Short description in pixel.
Font weight You can select Font weight for Short description from dropdown.
Text case You can select Text case for Short description from dropdown.
ColorThis option will change the color of the Short description. Click on “Select Color” button under this and select color from color picker.

Stock Typography

Font size You can add Font size for Stock in pixel.
Line height You can add Line height for Stock in pixel.
Letter spacing You can add Letter spacing for Stock in pixel.
Font weight You can select Font weight for Stock from dropdown.
Text case You can select Text case for Stock from dropdown.
InStock color This option will change the color of the InStock. Click on “Select Color” button under this and select color from color picker.
Out of stock color This option will change the color of the Out of stock. Click on “Select Color” button under this and select color from color picker.

Quantity Input Colors

Border color This option will change the color of the Quantity input border. Click on “Select Color” button under this and select color from color picker.
ColorThis option will change the color of the Quantity input. Click on “Select Color” button under this and select color from color picker.

Button Colors

ColorThis option will change the color of the Button. Click on “Select Color” button under this and select color from color picker.
Background color This option will change the background color of the Button. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the border color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover background color This option will change the hover background color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover border color This option will change the hover border color of the Button. Click on “Select Color” button under this and select color from color picker.

Product Meta Typography

Font size You can add Font size for Product meta in pixel.
Line height You can add Line height for Product meta in pixel.
Letter spacing You can add Letter spacing for Product meta in pixel.
Font weight You can select Font weight for Product meta from dropdown.
Text case You can select Text case for Product meta from dropdown.
ColorThis option will change the color of the Product meta. Click on “Select Color” button under this and select color from color picker.
Link hover color This option will change the link hover color of the Product meta. Click on “Select Color” button under this and select color from color picker.
Heading color This option will change the color of the Product meta heading. Click on “Select Color” button under this and select color from color picker.
Social icon color This option will change the color of the Social icon. Click on “Select Color” button under this and select color from color picker.
Social icon hover color This option will change the hover color of the Social icon. Click on “Select Color” button under this and select color from color picker.

Single Product List Slider

Mini desktop slider per view You can select Slide per view from dropdown for mini desktop.
Tablet slider per view You can select Slide per view from dropdown for tablet.
Mobile slider per view You can select Slide per view from dropdown for mobile.
PaginationYou can display / hide Pagination by selecting “On/Off” button respectively.
Pagination color This option will change the color of the Pagination. Click on “Select Color” button under this and select color from color picker.
Active pagination color This option will change the active color of the Pagination. Click on “Select Color” button under this and select color from color picker.
NavigationYou can display / hide Navigation by selecting “On/Off” button respectively.
Navigation color This option will change the color of the Navigation. Click on “Select Color” button under this and select color from color picker.
LoopYou can display / hide Loop by selecting “On/Off” button respectively.
AutoplayYou can display / hide Autoplay by selecting “On/Off” button respectively.
Slide delay You can add slide delay in pixel.

Product Tab Typography

Font size You can add Font size for Product tab in pixel.
Line height You can add Line height for Product tab in pixel.
Letter spacing You can add Letter spacing for Product tab in pixel.
Font weight You can select Font weight for Product tab from dropdown.
Text case You can select Text case for Product tab from dropdown.
ColorThis option will change the color of the Product tab. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Product tab. Click on “Select Color” button under this and select color from color picker.
Active color This option will change the active color of the Product tab. Click on “Select Color” button under this and select color from color picker.

Product List Typography

Font size You can add Font size for Product list in pixel.
Line height You can add Line height for Product list in pixel.
Letter spacing You can add Letter spacing for Product list in pixel.
Font weight You can select Font weight for Product list from dropdown.
Text case You can select Text case for Product list from dropdown.
ColorThis option will change the color of the Product list. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Product list. Click on “Select Color” button under this and select color from color picker.
Active color This option will change the active color of the Product list. Click on “Select Color” button under this and select color from color picker.

Product Archive / Shop

Layout and Container

Layout style You can select style for product layout.
Left sidebar You can select style from dropdown.
Right sidebar You can select style from dropdown.
Container style You can select style for container from dropdown.
Full width padding You can add padding for Full width in pixel.
Description You can display / hide Description by selecting “On/Off” button respectively.

Product List Style and Data

Product list style You can select style for product list.
No. of columns You can select style for “No. of columns” to be display on page
Spacing between columns You can select style for “Spacing between columns”.
Metro style You can display / hide Metro style by selecting “On/Off” button respectively.
Metro grid positions You can add grid position number with comma(,) separator. Like *,*,2- 2,2-1,2-2,1-2
AnimationYou can select animation style for product from dropdown to be display on page.
Animation delay You can add animation delay in pixel.
Animation duration You can add animation duration in pixel.
Products per page You can add products per page to be display on page.
Content alignment You can select content alignment from dropdown.
PaginationYou can display / hide Pagination by selecting “On/Off” button respectively.
Pagination style You can select Pagination style from dropdown.
Top filter You can display / hide Top filter by selecting “On/Off” button respectively.
Off canvas filter You can display / hide Off canvas filter by selecting “On/Off” button respectively.
Top filter sidebar You can select Top filter sidebar from dropdown.
Enable ajax filters You can display / hide Enable ajax filter by selecting “On/Off” button respectively.
Sale box You can display / hide Sale box by selecting “On/Off” button respectively.
Percentage sale box You can display / hide Percentage sale box by selecting “On/Off” button respectively.
Sold text You can add text for “Sold box”.
New box You can display / hide New box by selecting “On/Off” button respectively.
New text You can add text for “New box”.
Alternate image You can display / hide Alternate image by selecting “On/Off” button respectively.
Star rating You can display / hide Star rating by selecting “On/Off” button respectively.
Add to cart You can display / hide Add to cart by selecting “On/Off” button respectively.
Quick view You can display / hide Quick view by selecting “On/Off” button respectively.
Quick view text You can add text for “Quick view”.
WishlistYou can display / hide Wishlist by selecting “On/Off” button respectively.
Wishlist text You can add text for “Wishlist”.
CompareYou can display / hide Compare by selecting “On/Off” button respectively.
Compare text You can add text for “Compare”.

Sale, New & Sold Box Typography

Font size You can add Font size for sale, new and sold box in pixel.
Line height You can add Line height for sale, new and sold box in pixel.
Letter spacing You can add Letter spacing for sale, new and sold box in pixel.
Font weight You can select Font weight for sale, new and sold box from dropdown.
Text case You can select Text case for sale, new and sold box from dropdown.
Sale box color This option will change the color of the Sale box. Click on “Select Color” button under this and select color from color picker.
Sale box background color This option will change the background color of the Sale box. Click on “Select Color” button under this and select color from color picker.
New box color This option will change the color of the New box. Click on “Select Color” button under this and select color from color picker.
New box background color This option will change the background color of the New box. Click on “Select Color” button under this and select color from color picker.
Sold box color This option will change the color of the Sold box. Click on “Select Color” button under this and select color from color picker.
Sold box background color This option will change the background color of the Sold box. Click on “Select Color” button under this and select color from color picker.

Title Typography and Color

Font size You can add Font size for Title in pixel.
Line height You can add Line height for Title in pixel.
Letter spacing You can add Letter spacing for Title in pixel.
Font weight You can select Font weight for Title from dropdown.
Text case You can select Text case for Title from dropdown.
ColorThis option will change the color of the Title. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Title. Click on “Select Color” button under this and select color from color picker.

Rating Start Color

ColorThis option will change the color of the Rating star. Click on “Select Color” button under this and select color from color picker.

Price Typography and Color

Font size You can add Font size for Price in pixel.
Line height You can add Line height for Price in pixel.
Letter spacing You can add Letter spacing for Price in pixel.
Font weight You can select Font weight for Price from dropdown.
Text case You can select Text case for Price from dropdown.
ColorThis option will change the color of the Price. Click on “Select Color” button under this and select color from color picker.
Regular price color This option will change the color of the Regular price. Click on “Select Color” button under this and select color from color picker.

Product Button Typography and Colors

Icon color This option will change the color of the Icon. Click on “Select Color” button under this and select color from color picker.
Icon hover color This option will change the hover color of the Icon. Click on “Select Color” button under this and select color from color picker.
Icon background color This option will change the background color of the Icon. Click on “Select Color” button under this and select color from color picker.
Icon hover background color This option will change the background hover color of the Icon. Click on “Select Color” button under this and select color from color picker.
Icon hover border color This option will change the hover border color of the Icon. Click on “Select Color” button under this and select color from color picker.
ColorThis option will change the color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Button. Click on “Select Color” button under this and select color from color picker.
Background color This option will change the background color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover background color This option will change the hover color of the Button background. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the border color of the Button. Click on “Select Color” button under this and select color from color picker.
Border hover color This option will change the border hover color of the Button. Click on “Select Color” button under this and select color from color picker.
Box hover color This option will change the box hover color of the Button. Click on “Select Color” button under this and select color from color picker.
Separator color This option will change the box color of the Separator. Click on “Select Color” button under this and select color from color picker.

Quick View Popup

Product Style and Data

Sale box You can display / hide Sale box by selecting “On/Off” button respectively.
New box You can display / hide New box by selecting “On/Off” button respectively.
TitleYou can display / hide Title by selecting “On/Off” button respectively.
Title link You can display / hide Title link by selecting “On/Off” button respectively.
RatingYou can display / hide Rating by selecting “On/Off” button respectively.
PriceYou can display / hide Price by selecting “On/Off” button respectively.
Short description You can display / hide Short description by selecting “On/Off” button respectively.
WishlistYou can display / hide Wishlist by selecting “On/Off” button respectively.
Wishlist text You can add text for “Wishlist”.
CompareYou can display / hide Compare by selecting “On/Off” button respectively.
Compare text You can add text for “Compare”.
SKUYou can display / hide SKU by selecting “On/Off” button respectively.
CategoryYou can display / hide Category by selecting “On/Off” button respectively.
TagYou can display / hide Tag by selecting “On/Off” button respectively.
ShareYou can display / hide Share by selecting “On/Off” button respectively.

Sale, New & Sold Box Typography

Font size You can add Font size for sale, new and sold box in pixel.
Line height You can add Line height for sale, new and sold box in pixel.
Letter spacing You can add Letter spacing for sale, new and sold box in pixel.
Font weight You can select Font weight for sale, new and sold box from dropdown.
Text case You can select Text case for sale, new and sold box from dropdown.
Sale box color This option will change the color of the Sale box. Click on “Select Color” button under this and select color from color picker.
Sale box background color This option will change the background color of the Sale box. Click on “Select Color” button under this and select color from color picker.
New box color This option will change the color of the New box. Click on “Select Color” button under this and select color from color picker.
New box background color This option will change the background color of the New box. Click on “Select Color” button under this and select color from color picker.
Sold box color This option will change the color of the Sold box. Click on “Select Color” button under this and select color from color picker.
Sold box background color This option will change the background color of the Sold box. Click on “Select Color” button under this and select color from color picker.

Title Typography

Font size You can add Font size for Title in pixel.
Line height You can add Line height for Title in pixel.
Letter spacing You can add Letter spacing for Title in pixel.
Font weight You can select Font weight for Title from dropdown.
Text case You can select Text case for Title from dropdown.
ColorThis option will change the color of the Title. Click on “Select Color” button under this and select color from color picker.

Rating Start Color

ColorThis option will change the color of the Rating star. Click on “Select Color” button under this and select color from color picker.

Price Typography

Font sizeYou can add Font size for Price in pixel.
Line height You can add Line height for Price in pixel.
Letter spacing You can add Letter spacing for Price in pixel.
Font weight You can select Font weight for Price from dropdown.
ColorThis option will change the color of the Price. Click on “Select Color” button under this and select color from color picker.
Regular price color This option will change the color of the Regular price. Click on “Select Color” button under this and select color from color picker.

Short Description Typography

Font size You can add Font size for Short description in pixel.
Line height You can add Line height for Short description in pixel.
Letter spacing You can add Letter spacing for Short description in pixel.
Font weight You can select Font weight for Short description from dropdown.
ColorThis option will change the color of the Short description. Click on “Select Color” button under this and select color from color picker.

Instock / OutstockTypography

Font size You can add Font size for Stock in pixel.
Line height You can add Line height for Stock in pixel.
Letter spacing You can add Letter spacing for Stock in pixel.
Font weight You can select Font weight for Stock from dropdown.
Text case You can select Text case for Stock from dropdown.
InStock color This option will change the color of the InStock. Click on “Select Color” button under this and select color from color picker.
Out of stock color This option will change the color of the Out of stock. Click on “Select Color” button under this and select color from color picker.

Button Typography

Font size You can add Font size for Button in pixel.
Line height You can add Line height for Button in pixel.
Letter spacing You can add Letter spacing for Button in pixel.
Font weight You can select Font weight for Button from dropdown.
Text case You can select Text case for Button from dropdown.
ColorThis option will change the color of the Button. Click on “Select Color” button under this and select color from color picker.
Background color This option will change the background color of the Button. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the border color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover border color This option will change the hover border color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover background color This option will change the hover background color of the Button. Click on “Select Color” button under this and select color from color picker.

Product Meta Typography

Font size You can add Font size for Product meta in pixel.
Line height You can add Line height for Product meta in pixel.
Letter spacing You can add Letter spacing for Product meta in pixel.
Font weight You can select Font weight for Product meta from dropdown.
ColorThis option will change the color of the Product meta. Click on “Select Color” button under this and select color from color picker.
Link hover color This option will change the link hover color of the Product meta. Click on “Select Color” button under this and select color from color picker.
Heading color This option will change the color of the Product meta heading. Click on “Select Color” button under this and select color from color picker.
Social icon color This option will change the color of the Social icon. Click on “Select Color” button under this and select color from color picker.
Social icon hover color This option will change the hover color of the Social icon. Click on “Select Color” button under this and select color from color picker.

Compare Popup

Compare Style and Data

HeadingYou can display / hide Heading by selecting “On/Off” button respectively.
Heading text You can add text for “Heading”.
FilterYou can display / hide Filter by selecting “On/Off” button respectively.

Heading Typography

Font size You can add Font size for Heading in pixel.
Line height You can add Line height for Heading in pixel.
Letter spacing You can add Letter spacing for Heading in pixel.
Font weight You can select Font weight for Heading from dropdown.
ColorThis option will change the color of the Heading. Click on “Select Color” button under this and select color from color picker.
Link hover color This option will change the link hover color of the Heading. Click on “Select Color” button under this and select color from color picker.
Error color This option will change the color of the Error. Click on “Select Color” button under this and select color from color picker.
Error message box border You can display / hide Error message box border by selecting “On/Off” button respectively.
Error message box border size You can add Error message box border size in pixel.
Error message box border type You can select Error message box border type from dropdown.
Error message box border color This option will change the color of the Error message box border. Click on “Select Color” button under this and select color from color picker.
Error message box border radius Error message box border radius in pixel.

Label Typography

Font size You can add Font size for Label in pixel.
Line height You can add Line height for Label in pixel.
Letter spacing You can add Letter spacing for Label in pixel.
Font weight You can select Font weight for Label from dropdown.
Text case You can select Text case for Label from dropdown.
ColorThis option will change the color of the Label. Click on “Select Color” button under this and select color from color picker.

Title Typography

Font size You can add Font size for Title in pixel.
Line height You can add Line height for Title in pixel.
Letter spacing You can add Letter spacing for Title in pixel.
Font weight You can select Font weight for Title from dropdown.
Text case You can select Text case for Title from dropdown.
ColorThis option will change the color of the Title. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Title. Click on “Select Color” button under this and select color from color picker.

Main Content Typography

Font size You can add Font size for Main content in pixel.
Line height You can add Line height for Main content in pixel.
Letter spacing You can add Letter spacing for Main content in pixel.
Font weight You can select Font weight for Main content from dropdown.
ColorThis option will change the color of the Main content. Click on “Select Color” button under this and select color from color picker.
Link hover color This option will change the link hover color of the Main content. Click on “Select Color” button under this and select color from color picker.
Primary background color This option will change the primary background color of the Main content. Click on “Select Color” button under this and select color from color picker.
Secondary background color This option will change the secondary background color of the Main content. Click on “Select Color” button under this and select color from color picker.

Price Typography

Font size You can add Font size for Price in pixel.
Line height You can add Line height for Price in pixel.
Letter spacing You can add Letter spacing for Price in pixel.
Font weight You can select Font weight for Price from dropdown.
Color This option will change the color of the Price. Click on “Select Color” button under this and select color from color picker.
Regular price color This option will change the color of the Regular price. Click on “Select Color” button under this and select color from color picker.

Button Typography and Colors

Font size You can add Font size for Button in pixel.
Line height You can add Line height for Button in pixel.
Letter spacing You can add Letter spacing for Button in pixel.
Font weight You can select Font weight for Button from dropdown.
Text case You can select Text case for Button from dropdown.
ColorThis option will change the color of the Button. Click on “Select Color” button under this and select color from color picker.
Background color This option will change the background color of the Button. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the color of the Button border. Click on “Select Color” button under this and select color from color picker.
Border hover colorThis option will change the hover color of the Button border. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover background color This option will change the hover color of the Button background. Click on “Select Color” button under this and select color from color picker.

Wishlist Popup

General

Border color This option will change the color of the Border. Click on “Select Color” button under this and select color from color picker.
Remove / Empty wishlist color This option will change the color of the Remove / Empty wishlist. Click on “Select Color” button under this and select color from color picker.
Remove checkbox color This option will change the color of the Remove checkbox. Click on “Select Color” button under this and select color from color picker.
Remove checkbox checked color This option will change the color of the Remove check box checked. Click on “Select Color” button under this and select color from color picker.
Remove icon color This option will change the color of the Remove icon. Click on “Select Color” button under this and select color from color picker.

Heading Typography

Font size You can add Font size for Heading in pixel.
Line height You can add Line height for Heading in pixel.
Letter spacing You can add Letter spacing for Heading in pixel.
Font weight You can select Font weight for Heading from dropdown.
Text case You can select Text case for Heading from dropdown.
ColorThis option will change the color of the Heading. Click on “Select Color” button under this and select color from color picker.

Content Typography

Font size You can add Font size for Content in pixel.
Line height You can add Line height for Content in pixel.
Letter spacing You can add Letter spacing for Content in pixel.
Font weight You can select Font weight for Content from dropdown.
Text case You can select Text case for Content from dropdown.
ColorThis option will change the color of the Content. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Content. Click on “Select Color” button under this and select color from color picker.

Instock / Outstock Typography

Font size You can add Font size for Instock / Outstock in pixel.
Line height You can add Line height for Instock / Outstock in pixel.
Letter spacing You can add Letter spacing for Instock / Outstock in pixel.
Font weight You can select Font weight for Instock / Outstock from dropdown.
Text case You can select Text case for Instock / Outstock from dropdown.
Instock color This option will change the color of the Instock / Outstock. Click on “Select Color” button under this and select color from color picker.
Outstock color This option will change the color of the Instock / Outstock. Click on “Select Color” button under this and select color from color picker.

Button Typography

Font size You can add Font size for Button in pixel.
Line height You can add Line height for Button in pixel.
Letter spacing You can add Letter spacing for Button in pixel.
Font weight You can select Font weight for Button from dropdown.
Text case You can select Text case for Button from dropdown.
Background color This option will change the background color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover background color This option will change the hover color of the Button background. Click on “Select Color” button under this and select color from color picker.
ColorThis option will change the color of the Button. Click on “Select Color” button under this and select color from color picker.
Hover color This option will change the hover color of the Button. Click on “Select Color” button under this and select color from color picker.
Border color This option will change the color of the Button border. Click on “Select Color” button under this and select color from color picker.
Border hover color This option will change the hover color of the Button border. Click on “Select Color” button under this and select color from color picker.

General Settings

Catalog Mode

Catalog mode You can display / hide Catalog mode by selecting “On/Off” button respectively.

Info Messages

Style You can select style for Info messages.

Product Icons

Add to cart icon You can change “Add to cart icon”.
Add to cart fill icon You can change “Add to cart fill icon”.
Variable product icon You can change “Variable product icon”.
Group product icon You can change “Group product icon”.
Quick view icon You can change “Quick view icon”.
Wishlist icon You can change “Wishlist icon”.
Compare icon You can change “Compare icon”.

Smart Product

Enable smart product You can display / hide Enable smart product by selecting “On/Off” button respectively.
Smart product You can select Smart product from dropdown.
Display smart product after You can select Display smart product after from dropdown like “User scroll” or “Some time”.
ScrollIt shows smart product popup after scroll the page (in pixel).
Delay time It shows smart product popup after added delay time (in milliseconds).
Re-open popup after (in days) It shows smart product popup after added days once it is closed (in days).
Mobile smart product You can display / hide Mobile smart product by selecting “On/Off” button respectively.
SCROLL UP