Theme Settings


Languages

  1. Go to Store Admin > Online Store > Themes.
  2. Click Actions and then select Edit languages from the dropdown.
    Edit languages

Favicon

Upload your favicon. PNG file format is recommended.

Upload favicon

General

RTL settings
  • Switch to RTL: Swith layout direction to rtl
Layout settings
  • Page width: Set entire page width
  • Enable login popup: Shows a popup dialog for customer login when this option is enabled
Image 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 exists.
  • Add brightness filter effect on product images: On product cards, filter product images darker for better user experience. Set this option when product background is white
Product Options
  • Show review in product card: Show review score on product cards. You need to install Shopify review app in this Step
  • Show type in product card: Show product type in product cards
  • Show swatches in product card: Show color swatches in product cards
  • Show product name after price: Order of product information in product cards
  • Product sale label: Show discounted percentage or static text label for sale
Product Card
Block title
  • Block title style: Set block title styles
Title styles
  • Button border width: Set button border width
Map settings

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. Map styles
Scroll top
  • Enable scroll to top: Show scroll top icon at the bottom right corner of page. Scroll to top

Colors

Quick settings for basic colors.

Main color configuration

Set theme colors

Button color configuration
  • Default button color: Set default button border and text color.
  • Default hover color: Set default button color when mouse hover.
  • Transparent button color: Set transparent button color.
  • Secondary button background: Set background of secondary button.
  • Secondary button text color: Set text color of secondary button.
  • Secondary button hover background: Set background color of secondary button when mouse hover.
  • Secondary button hover color: Set text color of secondary button when mouse hover.
  • Third button background: Set background of third button.
  • Third button text color: Set text color of third button.
  • Third button hover background: Set background color of Third button when mouse hover.
  • Third button hover color: Set text color of Third button when mouse hover.
  • Add cart button background: Set background color of add cart button.
  • Add cart button border: Set border color of add cart button.
  • Add cart button text: Set text color of add cart button.

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.


Typography

Set headings, body text, buttton and menu fonts.

Color configuration

Newsletter

  1. Shopify Default Newsletter
  2. Mailchimp newsletter service
Newsletter configuration
Newsletter Service
Newsletter Select a service that you are going to use for email marketing.
  • Shopify Newsletter - Shopify default newsletter subscription plan
  • Mailchimp - Mailchimp service to manage customers
Newsletter action URL When you are using Mailchimp service, you need to set this value. This URL is used across all newsletter forms.
Section Title Title of this section.
Select Blog Blog to show in this carousel


Newsletter Popup
Enable/Disable newsletter popup Enable or disable newsletter
Popup appear time Set the popup appear time. 5 or 6 seconds recommended.
Background image Set the background image of newsletter.
Recommended size is 760px for width and 450px for height.
Form content type Select form styles.
Content position Select position of the content:
  • Left - Show content on the left
  • Center - Show content in the center
  • Right - Show content on the right
Subtitle Set top text
Title Form title
Description Form description
Button Text Input button title
Background color Set background color of the newsletter popup dialog
Subtitle color Set text color of subtitle
Title color Set text color of form title
Description color Set text color of description
Button color Set button color. This only works for free delivery style.
Subtitle font size Set font size of subitle
Title font size Set font size of form title
Description font size Set font size of description
Custom HTML Set custom HTML. This only works when Form content type is set to Custom HTML

Currencies

  1. Go to Store Admin > Settings > General.
  2. Scroll down to Store currency section and then change your default currency.
    See more details about currencies from Shopify Documentation.
  3. Go to Theme customization > Theme settings > Currency. Set your required values.
  4. Click Save
    Configure currencies

Collection Page

See official documentation about collections.

Collection page sidebar

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

Collection page configuration
  • 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
    Collection page configuration
Sidebar bestseller

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
    Sidebar carousel
Filter and scroll method
  • Enable ajax filter products

    Replace the collection filtered result without page refresh.

    Following images are kinds of collection filters.

    Filter by color Filter by tags
  • Scroll down to products list on page load

    Smoothly scrolls down to the main products area.


Product

Product page settings
  • Product images layout: Layout of the products
    Product images layout
  • Product options style: Style of the product swatches
    Product swatch style

Cart Page

Cart page configuration
  • Cart icon: Cart icon style
    Cart icon variations
  • Cart dropdown effect: Choose on of the options to add effect on cart dropdown
    Cart fade Cart dropdown

Wishlist

You can skip this section if you are not going to use wishlist options

  1. Go to Online Store > Pages and then Click Add page.
  2. Input page title and select template suffix on the right side.
  3. Click Save Setup Wishlist Setup Wishlist
  4. Go to Online Store > Themes and then click Customize button.
  5. Click Theme settings and go to Wishlist option below. Setup Wishlist
  6. Click Wishlist page link input box and then select wishlist. Setup Wishlist

Social media

Social settings

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

Share product

Select social platforms to allow customers share product

Share product
Share on footer

Animations

Animation settings
Loading Icons
Image waiting icon Set the SVG animation when loading images.
  • None: No effect. Just fade up images
  • Oval:
  • Three dots:
Popups loading icon Set animation effect when loading popup dialogs.
  • Audio:
  • Ball triangle:
  • Bars:
  • Grid:
  • Oval:
  • Puff:
  • Rings:
  • Spinning circles:
  • Tail spins:
  • Three dots:
Popups
Popup Animations Set the animation when opening newsletter signup form. Click below links to see the animations:
Add Cart Button
Aminate to attract Set button amination. The actions is repeated every 10 seconds.

subscribe to our

NEWSLETTER

and get 20% off your first order


Custom Style

Custom style

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