Theme Settings

• Enable lazyload for images: Option for lazyload images. Recommended for page loading speed
• Show second product image on hover: On product cards, show secondary product image if it exists.

• Block title style: Set block title styles

You can set your store location information on google maps. If you are not going to use google maps, you can skip this settings.

• Google API key: Google maps API key. See details how to get API key
• Latitude: Latitude of your store. See how to get Latitude and Longitude on google maps.
• Longitude: Longitude of your store
• Map style: Each demo uses different style of google maps. You can change map style here.
  

• Enable scroll to top: Show scroll top icon at the bottom right corner of page.

Set theme colors

• Default button: Set default button style
  • Default button color: Set default button border and text color.
  • Default hover color: Set default button color when mouse hover.
• Transparent button: Set transparent button style.
  • Transparent button color: You can only set the button color here.
• Secondary button: Set secondary button style.
  • Secondary button background: Set background
  • Secondary button text color: Set text color
  • Secondary button hover background: Set background-color when mouse hovered.
  • Secondary button hover color: Set text color when mouse hovered.
• Third button: Set third button style.
  • Third button background: Set background color.
  • Third button text color: Set text color.
  • Third button hover background: Set background-color when mouse hovered.
  • Third button hover color: Set text color when mouse hovered.
• Add cart button: Set a add cart button style.
  • Add cart button background: Set background color
  • Add cart button border: Set border color
  • Add cart button text: Set text color

Background and border color of Default button, Transparent button and Add cart button become theme color(defined above setting) when mouse hover. Text color of these tree buttons become Default hover color.

Show/Hide sidebar: Set sidebar position - right or left. Sidebar can be disabled by setting this option to hide

• Show collections menu in sidebar: Add menu in the sidebar
• Menu title: Title of the block
• Sidebar menu: Select menu to show in the sidebar. See official documentation about navigations
  

This setting allows to show a products carousel on the sidebar only in collections list page. It is not showing on collection details pages.

• Block title: Title of the carousel
• Collection: Select one of the collections to show on the sidebar
• Number of product to show at once: Products are shown in one column. This number specifies how many rows to show in the carousel
  

• Enable ajax filter products

  Replace the collection filtered result without page refresh.

  Following images are kinds of collection filters.

  
• Scroll down to products list on page load

  Smoothly scrolls down to the main products area.

Thumbnails style: Set product image thumbnails of quickview popup

• Cart icon: Cart icon style
  
• Cart dropdown effect: Choose on of the options to add effect on cart dropdown
  

• Enable predictive search
  
• Search type of results: Search only products or search articles and pages too.
• Number of items to display: Limit of search result

SOCIAL SHARING IMAGE
Image: When you share a link to your online store on social media, such as on Facebook or Pinterest, you can display a thumbnail image in your post

Select social platforms to allow customers share product

Insert your custom styles here. Custom styles are top priority as they are inserted after all other styles.