Theme General Settings

TABLE OF CONTENTS

• I. Favicon image
• II. App Integrations
• III. General settings
• IV. Header
• V. Typography
•  VI. Product page
• VII. Product card
• VIII. Newsletter popup:
• IX. Social icons
• X. Checkout

I. Favicon image

Favicon is an icon that serves as branding for your website. Favicons are icons that appear on the tab for a page along with the page’s title. Not only can they help boost visibility in your customers’ browsers, but they can also help strengthen your brand’s identity.

II. App Integrations

Before installing any app on your theme, please read the App integration guide

to avoid unnecessary errors. 

We suggest using our recommended apps to get more compatible with the themes:

• Metafields & Custom Fields app: ACF-Metafields Custom Fields (Download link)
• Wishlist app: SWishlist: Simple Wishlist (Download link)
• Product review app: Loox (Download link),  Judge.me (Download link)

III. General settings

- Layout Direction: type the text LTR or RTL to set the layout direction for the whole site

- Layout mode: 

• Boxed - 1440px
• Boxed - 1280px
• Wide

- Breadcrumb visibility: select the device you want to display the breadcrumb 

- Enable switcher mode: tick to enable the breadcrumb

- Social sharing Options: Tick on the check-boxes to display 

• Social Sharing on Product
• Social Sharing on Blog posts
• Share on Facebook
• Tweet on Twitter

- Homepage:

Left column section: choose an option to have (Full slideshow/ Normal slideshow/ None)

IV. Header

- Layout mode: Boxed/ Wide

- Header style: Tick to enable Header Sticky and Header Overlay

- Language selector: To add a language, go to your language settings

                                   Tick to Enable this widget

- Currency selector: To add a currency, go to your currency settings 

                                  Tick to Enable this widget

- Search box: 

• Search results: products
• Limit: drag to decide how many products displayed on the result 
• Unavailable products: choose Show/ Hide/ Last (show the unavailable products at the bottom of the result) the out of stock products

- Mobile contact box: Tick to Enable this widget. Then insert the content into the corresponding boxes 

• Heading
• Phone number
• Email

- Mobile touch menu: Choose one option to set the mobile menu to go to link or submenu

V. Typography

- Header font:

• Selecting a different font can affect the speed of your store. Learn more about system fonts.
• Drag to set the font weight and font size for Heading 1,2,3,4,5,6

- Body font:

• Selecting a different font can affect the speed of your store. 
• Drag to set the font weight and font size

- Heading section:

• Margin: set the margin for all the heading section throughout website following the format top right bottom left (eg: 0 0 50px 0px)
• Text: adjust the text color for heading sections by using the color picker
• Drag to adjust the font size and font weight

 VI. Product page

- Product options style: Enter the product option name which you want has type below. Separation by comma. E.g: Color, Colour, Size

- Shipping and delivery dates: 

• Tick to Enable this widget
• Drag to set the Deadline each day and Delivery time

- People in Cart: Tick to Enable this widget to see people have the product in their carts right now

- SVG icon:  insert the icon in SVG to the box

- Counter Max: drag to adjust

- Enter the content into the Text and Subtext

VII. Product card

- Tick to Show product vendor

- Product image: 

• Hover effect: choose one option (Overlay/ Chang image/ None)
• Image ratio: choose an option to set the ratio for images
• Customize image ratio: you can upload your own image 
• Tick to Image Auto Drop

- Product card style: 

• Title line limit: choose the title line number shown 
• Drag to adjust the font size for Title, Vendor, Price, Price Sale, Price compare

VIII. Newsletter popup:

- Tick to Enable this widget

- Expire: drag to set the expire time to hide the popup

- Block image: upload your image to show on the newsletter

- Textbox: 

• Tick to show the social icons
• Enter the content to the corresponding boxes

IX. Social icons

The social icons will appear at the bottom of your store. 

X. Checkout

- Banner: Select an image to set the Background image at checkout page (1000 x 400px recommended)

- Logo: 

• Select image to set the logo 
• Modify the logo position (Left/ Right/ Center) and logo size (Small/ Medium/ Large)

- Main content area: 

• Select an image to set Background  image for the main content at checkout (Image repeats vertically and horizontally)
• Use the color picker to adjust the Background color.
• Form fields: Choose an option to set the background for the form fields (White/ Transparent)

- Order summary: Select image (Image repeats vertically and horizontally) or pick a color to set the background for the order summary

- Typography: Choose an option to adjust the Heading and Body texts

- Colors: Pick a color from the color pickers at 

• Accents
• Buttons
• Errors