Theme Settings

These are general settings applicable to all three stores: Basic, Regular, and Market Store. Please keep in mind that most of the sections and functionalities from this list are included within the stores, while some of them can be added through additional integration which is charged separately.

Also, please keep in mind that although all these settings offer endless possibilities with regards to store customization, my general advice would be to keep it simple and within one visual direction.

Please use Table of Contents and Back to Top arrow for a quick jump to a specific section.

Within this section, you can change the font, font size, line height, and QuickView button font settings.

If you don’t know which font to use, you can simply go to https://fonts.google.com and look for the most appropriate one for your store. After you select one, you need to provide the exact name of that font.

• Font – The default font that will display sitewide.
• Font Size – Choose the best font size for readability and branding.
• Line Height – Determines the amount of line spacing.
• Quick View Button Font Size – Choose the best size for readability and branding.
• Quick View Button Font Style – Make your font light, normal, bold, and bolder

The color options will allow you to fully brand your store for visual appeal and consistency. Therefore, please go through this list and provide actual hexadecimal color codes for each of the options below.

You can leave any default color that is set at the moment. Please just indicate in the final list as “DEFAULT”.

Please keep in mind that not all color settings are found here, some individual components also include their own color settings.

• Cart Icon Color – Changes the color of the cart icon for desktop view.
• Cart Count Background Color – Changes the color of the item counter of the cart icon. (This is the number that appears next to the cart icon that lets you know the number of items in the cart)
• Mobile Cart Count Background Color – Changes the color of the cart icon for mobile devices.
• Cart Count Text Color – Changes the text color of the cart item counter on Desktop. (This is the number that appears next to the cart icon that lets you know the number of items in the cart)
• Mobile Cart Count Text Color – Changes the text color of the cart item counter on Mobile. (This is the number that appears next to the cart icon that lets you know the number of items in the cart)
• Sticky Cart Icon Color – Changes the cart icon color for the sticky cart, only. (This is the cart icon that shows when the header becomes sticky)
• Use Border Around Cart Count – Adding a colored border to the item count on your cart icon.
• Border Color – Changes your desired border color around the cart item counter.
• Menu, Search and Cart Icon Color in Mobile View – This affects all 3 areas listed on Mobile. Use this to change the color quickly, and easily.

• Footer Cart Icon Color – Changes the footer cart icon color.
• Footer Cart Icon Background – Changes the footer cart icon background color.

• Body Background – Changes the background color of your entire site.
• Body Text – Changes the font color for the site body text.

• Primary Color – Changes the color for all text links and primary buttons.
• Secondary Color – Changes the color for all secondary buttons.

The header strip houses all your important information – announcements, account login, menu, and the shopping cart. It’s the first thing customers see.

These are the settings you can change:

• Background – Changes the color of the strip background.
• Font Color – Changes the color of the strip’s font.
• Link Font Color – Changes the color of links.
• Link Hover Font Color – Changes the color of links when hovering your mouse.
• Bottom Border Color – Changes the border underneath the strip.
• Other Details Text Color – Changes other text details.
• Font Size – Changes the header font size.

And within the Top Bar Settings you can change:

• Enable – Allows you to enable or disable the top bar.
• Navigation Menu – Use the strip as a secondary menu or if you’d like your menu higher up on your site.
• Show Top Nav in Mobile Menu – Shows or hides the top nav on the mobile menu.
• Text – Allows you to add any text you wish to the strip. Best used for marketing messages.
• Show Free Shipping Achieved – If you have a free shipping threshold set up, you can activate an achievement message to display when they’ve met the spend amount.
• Link to URL – Allows you to link to the desired URL within the strip.
• Display User Country – Uses GEO IP to display the users country flag next to your marketing message.
• Use Custom Icon for Cart – Allows you to use custom icons for the cart image. (be sure to send me a transparent PNG 20x20px for this section. 
• Enable Border Bottom – Enable or disable the border right underneath the header strip.
• Facebook Page Plugin – Connect with your audience and grow your business socially. Just send me your URL.

Within this section of your store, you will be able to place your own logos and favicon imagery.

These are the settings you can change:

• Custom Logo – Send me the logo image you wish to use in your store. (Be sure to use a transparent PNG for this)
• Max Logo Width – Setting the width of your logo. It is suggested that the following dimensions should not be greater than 245 pixels wide.
• Mobile Logo – Send me your mobile-optimized logo for use on mobile devices. It is suggested that the following dimensions should be: 600 pixels wide and 180 pixels high.
• Favicon – A favicon is a small 16×16 pixel version of your icon. It’s how a browser displays your logo in the top left corner of a browser. If someone saves your website on their phone, it will also show your logo, so it’s important! Don’t leave this out.

The header is the main menu area, containing the logo, search and promotional banner.

---

LOOK AND FEEL SETTINGS:

• Background Color – Changes the background color for the header area.
• Menu Background Color – Changes the color for the menu background.
• Menu Font Color – Changes the font color for the menu text.
• Show Hover Highlight Bar – Displays your primary color above text when hovering over menu links.
• Link Font Size – Allows you to change the font size for links.
• Social Sharing URL Preview Image – If you have a particular image you want to be seen on social media, send me and I’ll insert it here.

---

HEADER GENERAL SETTINGS:

• Use Full Sticky Header – Changes your header to be fully sticky, so it follows visitors down the page.
• Use Minimal Sticky Header – Changes your header to minimal sticky, for a concise header that follows visitors.
• Use Sticky Header In Mobile – Enable or disable sticky header on mobile.
• Disable Sticky Header in Mobile and Desktop Both – Completely disables the sticky feature from both desktop and mobile.

---

MAIN MENU SETTINGS:

First Main Menu – Selects a nav menu you would like to display before the mega menu.
Last Main Menu – Selects a nav menu you would like to display after the mega menu.

---

SEARCH SETTINGS:

Customize your search menu to act as a call to action involving your slogan. “Discover Higher Conversions…” for example. “Find Your Style…” “Comfortable Jeans Here…”

---

PHONE NUMBER DISPLAY SETTINGS:

• Standard – Phone number displays on the header.
• Hybrid – Phone number displays on the header when the header is set to full and moves down to display on the menu bar when the header goes into the sticky mode.
• Menu – Phone number displays on the menu bar

---

MOBILE HEADER SETTINGS:

• Enable Top Bar – Enable or disable the mobile header area.
• Top Bar Font Color – Changes the mobile top bar font color.
• Top Bar Background Color – Changes the mobile top bar background color.
• Top Bar Bottom Border Color – Changes the mobile top bar border color.
• Mobile Header Background Color – Changes the color of the mobile header background (logo area).
• Top Bar Text – This is the space for your top bar text here. Best use for promotional needs. Ex: “FREE SHIPPING when you spend $x.”
• Display User Country – Display a small flag that automatically shows your visitor’s location.
• Search Icon Color – Changes the color of the search icon when expanded.

The header sticky bar sits underneath the navigation section of Shoptimized. You can use this for various marketing messages or remove it.

---

LOOK AND FEEL SETTINGS:

• Background – Changes the background color of the sticky bar.
• Font Color – Changes the font color of the sticky bar.
• Font – Changes the font for the sticky bar.
• Font Size – Changes the font size for text within the sticky bar.
• Font Style – Change the appearance of sticky bar text. Light, normal, bold, and bolder.

---

STICKY BAR SETTINGS:

• Enable – Toggles sticky bar on or off.
• Enable on Mobile – Toggles sticky bar on or off on mobile.
• Type – Site-Wide or Product tag. Choose how the sticky bar will display. You can use the product tag sticky-header-bar to display the sticky bar on specific products.
• Enable Timer – Toggles timer on or off. Recommended using for scarcity.
• Text – Sticky bar text (use the code $x to insert your free shipping threshold amount dynamically here)
• Free Shipping Achieved Text – Let your customers and visitors know they’ve achieved a free shipping threshold with a customized message.
• Countdown Cut-off – Use a value of 1-24 to display a timer that ticks down to 0. (Time is in hours)
• Countdown resets every (hours) – Evergreen countdown timer – when the timer reaches zero it will reset by the amount of time you specify.

The Mega Menu is designed to give your store as much versatility as you need, chances are you’re already familiar with Mega Menus thanks to Amazon and Wal-Mart.

These leading forces in e-commerce are the reason Mega Menus even exist and the conversion rates don’t lie. Mega Menus keep everything tidy, in one place, giving your customers a glance at your entire store in one click.

---

MAIN MEGA MENU SETTINGS:

• Use Megamenu – Toggles the Mega Menu on and off.
• Use Default Collection Link – Select a collection here to display a selection of products on the Mega Menu Itself.
• Display Title and Price Of Product in Default Collection – Toggles off these settings.

---

LOOK AND FEEL SETTINGS:

• Background Color – Changes the background color of the Mega Menu itself.
• List Title Font Color – Changes the list title font color.
• List Title Font Size – Adjusts the title font size.
• List Title Font Style – Changes the list font style. Lighter, Normal, Bold, and Bolder.
• Link Color – Changes the collection link color.
• Link Hover Color – Changes the collection link hover color.
• Link Font Size – Changes the collection link font size.
• Custom Link Color – Changes the custom link color at the bottom of the Mega Menu.
• Custom Link Hover Color – Changes the custom link color at the bottom of the Mega Menu.
• Custom Link Font Size – Changes the custom link font size at the bottom of the Mega Menu.
• Custom Link Font Style – Change the custom link font style. Lighter, Normal, Bold, and Bolder.
• Megamenu Spacing – Adjusts spacing between Mega Menu categories.
• Custom Links – Custom links allow you to link to resources within your site or outside. They are optional and provided for your convenience.

You can have up to 8 mega menus displaying in your store with up to 9 navigation for each mega menu. Use what makes sense for your store. Don’t worry, it looks scary, but it’s actually very simple!

An example of navigation could be ‘Men’s Clothing’ that contains Jeans, Shirts, Shorts Collections. Another navigation might be ‘Women’s Clothing’ with the relevant women’s clothing collections under it.

These are the settings you can change:

• Menu Text – This is the place for your menu title. This affects the Menu label itself. You will see “Mega Menu Demo” change yours to fit your store. Ex: “Store Menu”.
• Submenus – Submenus are the collections you link to. Choose the navigation you wish to display in your mega menu.
• Mega Menu Icon – You’re free to change the icons to your own custom icons if you wish. Icons must be 75×75 pixels or less in PNG.

We’ve included product badges and simple layout options to help you display on sale items, free shipping, and much more. You can also use custom badges, but be sure they’re transparent PNGs, similar to icons.

The use of product badges requires specific tags on the item in the tag section to see the badges on your products.

---

SALE BUTTON STYLE OPTION:

Sale Button Style Option – Changes the style of the on-sale badge. This is the badge that displays on any items that are on sale.

---

PRODUCT LAYOUT OPTION:

Product Layout Option – Changes product overlays, this includes details like saving the amount that will show when you hover over products in collection or sliders.

---

TAG LIST:

The following tags enable the different styles of a badge on a per-product basis:

badge-freeshipping
badge-bestseller
badge-new
badge-onsale
badge-performance
badge-savenow
badge-toprated
badge-preorder
badge-instock
badge-custom1
badge-custom2

To position the badges the following tags can also be applied to products:

badgestyle-topright
badgestyle-topleft
badgestyle-middleleft
badgestyle-middleright
badgestyle-center
badgestyle-bottomright
badgestyle-bottomleft

The social proof is arguably the most important factor in e-commerce. The reason for this is that if others see peers buying your products, they’re more likely to buy, themselves. Social Proof Popup applies this in the form of a slide-out popup on the bottom left corner of the screen.

---

SOCIAL PROOF POP-UP SETTINGS:

• Enable Pop-up – Toggles Social Proof on or off.
• Disable Pop-up on mobile – Toggles Social Proof on or off on mobile devices. I recommend testing, however many users disable this function for faster load times on mobile, specifically.
• Collection – Choose a collection that contains the products you wish to display inside of the social proof popup.
• Display Message – Displays a message informing visitors that a purchase has been made. Ex: “Bought the”, “just bought”, or any other creative message.
• Popup Frequency (In Seconds) – Specifies the time-frequency Social Proof will popup to visitors. The default is 15s.

Have you ever heard “Would you like fries with that?” next thing you know you’ve spent $7.62 when all you wanted was a burger. That’s an upsell. You’re doing the same thing to your customers with the Upsell Popup.

When a customer buys a product from you, they will get the Billy Mays treatment: “but wait, there’s more!” as a popup appears on screen to show them your deal.

Your upsell can be as simple as slightly discounting another product like BOGO ½ off. It could even be a different product that’s more costly.

---

UPSELL POPUP SETTINGS:

• Enable Upsell Popup – Toggles the upsell popup on or off.
• Special Offer Icon – You may have your own icon, but it must be a square image to function properly.
• Select Free Product – Select the product you wish to upsell to customers.
• Headline Text – A place for your upsell headline here. Ex: “WAIT! Buy 2 More and Get Third item ½ off!”
• Yes Button Text – A place for your yes button text. This is the text that will display urging customers to take the deal. Ex: “YES, I WANT A THIRD FOR ½ OFF!”
• No Button Text – A place for your no button text. This is the text that denies the offer. Ex: “No, I’m not interested in savings.”
• Qualifying Quantity – Specifys how many items a customer needs to buy to get the upsell deal. 2, 3, 4, etc.

Your product pages are the core of your website. It’s where your customers will spend most of their time browsing, to see what you have to offer them. You also have full control over the look of your product pages separate from the Homepage and other areas.

Details on all of the different product page options include details on the options for the look and feel, scarcity bar, quantity remaining bar, product zoom, back in stock request form, sticky ATC bar, size chart, ATC button, visitor counter, general settings, recently viewed products, social media sharing, promotion bar, total sold flash and the multi-buy prompt.

---

LOOK AND FEEL SETTINGS:

• Product Title Color – Changes the color of the product title.
• Product Title Font Size – Changes the size of the product title.
• Product Title Font Style – Changes the style of the product title. Lighter, Normal, Bold, and Bolder.
• Product Price Color – Changes the color of the product price.
• Product Compare At Price Color – Changes the color of the “compare at” price.
• Product Price Font Size – Changes the font size of the product price.
• Product Price Font Style – Changes the style of the product title. Lighter, Normal, Bold, and Bolder.

---

GENERAL SETTINGS:

• Enable image zoom – Toggles image zoom on or off. If this is unchecked, images will not zoom in.
• Show quantity selector – Toggle order quantity selector on or off.
• Show saved amount – Shows how much a customer has saved if using discount pricing methods. Ex: “Saved 35%”
• Show compare at price – Shows the compared at price. This is typically higher than your selling price.
• Show related products – Shows customers related products. Only visible within a collection.
• Benefit Bullets – Replaces standard bullets with a checkmark. Recommended.
• Enable Checklist – Enables the checklist feature (displays bullet points by the price of the product). The benefit bullets work via tags assigned to each product, for example on my demo stores I use the tags:

• checklist-Ships in 1-3 Business Days
• checklist-Easy 30 Day Returns
• checklist-Customize This Text On A Per Product Basis

• Use Variant Swatches – Enables the use of variant color swatches. These are the colored squares you typically see for products like shirts, jewelry, and other custom items.
• Use Video Embedding – Enabling this option allows you to embed videos from YouTube, Vimeo, etc to your product page.
• Use Option Selection Error Text – Enables the display of an error message if an option is incorrect.
• Show Product Thumbnail Images Slider – Enables use of the thumbnail slider underneath your main product image.
• Enable Product Personalisation /Personalization – Enables product personalization for POD items and engraving needs.

---

SCARCITY BAR SETTINGS:

• Enable Product Scarcity Bar – Toggles the scarcity bar on or off.
• Product Scarcity Bar Style – Changes the style of the product scarcity bar. Lighter, Normal, Bold, and Bolder.
• Count Real Quantity – Displays the true quantity sold of an item.
• Display Total Quantity – Toggles the display of the total quantity of a given product.
• Enable Scarcity Bar Text – Toggles the scarcity bar text on or off.
• Scarcity Bar Text – Allows you to put a small CTA to encourage action. Ex: “Stock is running out:”
• Show Scarcity Bar In Collection Page And Product Slider – Toggles the scarcity bar to display on collection pages, and product sliders, underneath the product.
• Progress Bar Text Color – Changes the color of the progress bar.
• Progress Bar Text Font Size – Changes the font size of the progress bar.
• Progress Bar Text Font Style – Changes the text style of the progress bar. Lighter, Normal, Bold, and Bolder.
• Scarcity Bar Background Color – Changes the background color of the scarcity bar.
• Scarcity Bar Fill Background Color – Changes the fill color of the scarcity bar.
• 75 Percent Or More Fill Background Color – Changes the fill color of the scarcity bar.
• Quantity Font Color – Changes the font color of the quantity counter.
• Quantity Font Size – Changes the font size of the quantity counter.
• Quantity Font Style – Changes the text style of the quantity counter. Lighter, Normal, Bold, and Bolder.

---

PRICE TEXT SETTINGS:

Enable Your Price Text – Inserts “Your Price” above your product price. This is a top-class personalization feature.

---

ZOOM SETTINGS:

• Enable Inner Zoom – Enables the inner zoom mode for product photos.
• Enable Lightbox Zoom – Enables lightbox zooming, which places a transparent background behind the product photo to focus.
• Zoom Mode – Chooses the zoom type you want. Inner, left, right, top, and bottom. Inner is recommended. The other settings will change how the zoom itself works.
• Zoom Setting (Hover or On Click) – Chooses how your product photo zoom will work. Hover or Click to Zoom. Hover is recommended, customers can click to zoom regardless.

---

DISPLAY SKU:

Enable SKU – Enables or disables display of your product’s SKU (Stock Keeping Unit). This is typically an internal need, however, if you’re reselling a known product, enabling SKU can potentially help with SEO.

---

BACK IN STOCK REQUEST FORM:

Enable – The Back in Stock Request Form allows your customers to sign up and receive an email when the product they want is back in stock. This is great to help build your email list and see what customers want the most.

---

STICKY ATC BAR SETTINGS:

• Enable Sticky ATC bar – Enables display of the sticky ATC bar.
• Disable Sticky ATC bar in Mobile – Enable or disable the display of the ATC bar on mobile.

---

SIZE CHART SETTINGS:

The size chart allows you to display sizing needs for your products. The size chart feature works via tags applied on a product level.

For example, if you have the tag ‘sizechart-t-shirt’ applied to a product, you would need to have a page named ‘t-shirt’ and this will then act as the size chart for the t-shirt. Another example is ‘sizechart-jeans’ where you need to create a page called ‘jeans’ and so on.

These are the settings you can change:

• Size Chart Link Color – Changes the link color of the size chart.
• Size Chart Link Font Size – Changes the font size of the size chart link.
• Size Chart Link Font Style – Changes the font style of the size chart link. Lighter, Normal, Bold, and Bolder.
• Progress Bar Height – Changes the Bar height.

---

ADD TO CART BUTTON:

• Cart Style On ATC – Selects how the cart will act when a customer hits the add to cart button.
• Dropdown Confirmation – Displays a drop-down underneath the header cart icon when an item is added to cart.
• Slide Out Cart – Slides out a vertical cart on the right side of the screen.
• Skip Cart and Go Directly to Checkout – Skips the cart process and sends the customer to the checkout page.
• Redirect to Cart Page – Redirects customers to the cart page.
• Popup Modal – When an item is added a popup window is displayed.
• Full Width – Expands the ATC button full width on a user’s device. (Stretches across the screen)
• Enable Animated ATC Button – Toggles ATC animation on or off. (this causes the ATC button to shake from side to side, drawing the customers attention)
• Enable Checkout Icon – Toggles display of your checkout icon, should you choose to upload one.
• Add To Cart Icon – Allows you to change the icon on the ATC button. Stock is a “+”.
• Background Color – Changes the color of your ATC button.
• Font Color – Changes the font color of your ATC button.
• Hover Background Color – Changes the hover color for your ATC button.
• Hover Font Color – Changes the font color of the hover gesture.
• Font Size – Changes the font size of the ATC icon.
• Font Style – Changes the font style of the ATC button. Light, Normal, Bold, and Bolder.
• Add To Cart Text – Allows you to change the ATC button text. Ex: “Buy Now.”
• Free Shipping Add To Cart Text – Displays on any product with the ‘free-shipping’ tag.
• Adding To Cart Text – Allows you to change the “adding to cart…” text.
• Added To Cart Text – Allows you to change the “added to cart” text. Ex: “Your items have been added.”

---

VISITOR COUNTER SETTINGS:

• Enable – Toggles visitor counter on or off.
• Visitor Counter After text – Changes the visitor counter text. Ex: “Browsing this product”, “Ready to purchase.”
• Minimum Visitors – Changes the minimum amount of visitors displayed. Ex: 10
• Maximum Visitors – Changes the maximum amount of visitors displayed. Ex: 47

---

ORDER COUNTER SETTINGS:

• Enable – Toggles order counter on or off.
• Order Counter After text – Changes the order counter text. Ex: “People have recently bought this”
• Static type – Selects orders to be static or dynamic
• Check for a period – Selects the period to be displayed
• Enable demo data for product orders information – Realtime stats are enabled by default.
• Minimum Orders – This is the low-end number, the smallest value that will show when using the demo data feature.
• Maximum Orders – This is the high-end number, the largest number that will show when using the demo data feature.

---

PRODUCT DESCRIPTION SETTINGS:

Benefit Bullets Color – If you decide to place your benefit bullets within your product description as opposed to the tag method, you can have this to pick the color of your bullets.

---

SOCIAL MEDIA SHARING:

• Enable product sharing – Toggles social product sharing on or off. I recommend enabling it.
• Show shared count – Displays the number of times a product has been shared. Only available for Facebook, Twitter, and Pinterest.

---

PROMOTION BAR SETTINGS:

• Enable – Toggles the promotional bar on or off.
• Promotion Text – Allows you to change the promotional text. (Use the code ‘$x’ to insert the dynamic free shipping threshold number) Ex: “Free Shipping For Over $49 to”
• Show Free Shipping Achieved Text When Threshold Is Met – Informs a customer when they’ve met your free shipping threshold.
• Display User Country – Displays the user’s country.

---

TOTAL SOLD FLASH SETTINGS:

• Enable – Toggles Total Sold Flash on and off.
• Icon – Use the flame or send me your own icon. Must be less than or equal to 60 pixels wide and 60 pixels high in PNG.
• Text Color – Changes the text color of the Total Sold Flash.
• Font Size – Changes the font size of the Total Sold Flash.
• Text Font Style – Change the font style for the Total Sold Flash.
• Min Quantity – Minimum quantity sold.
• Max Quantity – Maximum quantity sold.
• Min Time – the Shortest length of time you want to display.
• Max Time – the Longest length of time you want to display.

---

MULTI-BUY PROMPT SETTINGS:

• Enable – Toggles Multi-Buy Prompt on and off. It will be displayed on any product by applying a tag “multi-buy-prompt”.
• Icon – If you would like to change it from the default, please send me your own icon, it must be less than or equal to 60 pixels wide and 60 pixels high in PNG.
• Icon Animate – Toggles icon animation on or off.
• Text Color – Changes the color of the prompt text.
• Font Size – Changes the size of the prompt text.
• Text Font Style – Changes the style of the prompt text.
• Min Percentage – Sets the minimum percentage of customers who buy multiple of a product.
• Max Percentage – Sets the maximum percentage of customers who buy multiple of a product.
• Text – Changes this language to fit your store. Ex: “84% of customers buy 2 or more!”

---

INFORMATIONS ALERT:

Use the following variables in the information alert text box to bring the value in from their respective components.

[quantity_counter] – Brings in the quantity remaining value from the scarcity bar feature.
[visitors_counter] – Brings in the current visitor count from the visitor’s counter feature.
[orders_counter] – Brings in the total order count from the order count feature.
[fire_icon] – Displays a graphical fire icon, ideal to bring attention to a certain variable.
[cart_counter] – Displays the cart count variable from the added to cart counter feature.
[multi_counter] – Displays the multi-buy prompt variable from the multi-buy prompt feature.

The “Thank you” page is simply the page your buyers are directed to immediately after their purchase. To show it after the purchase, this page needs to be created first and then enabled to be displayed.

You can also include a featured collection within the “Thank You” page. This can also be set within the settings. The whole point of showing collections on this page is that your buyers have already committed and made a purchase at this stage, so why not offer them something else. 

Cross-sell Popup allows your customers to quickly add relevant products to their cart to increase your average order value.

To configure the cross-sell, you’ll first need to create a collection or use a premade collection with products you would like to show in the cross-sell.

You can currently, select up to eight different collections, or eight cross-sells.

Tags for cross-sells are:

cross-sell-1
cross-sell-2
cross-sell-3
cross-sell-4
cross-sell-5
cross-sell-6
cross-sell-7
cross-sell-8

The cross-sell also displays a free shipping threshold message or any other message you may wish to cross-sell.

By default, you can connect Mailchimp or Klaviyo as your main Newsletter email collecting service. Other ESPs (Email Service Providers) can be implemented if they offer Form ID or UID.

These are the settings you can change:

• Newsletter Type – Selects your ESP (Email Service Provider) here.
• Newsletter Heading – Write your newsletter heading here. Ex: “Subscribe and SAVE!”
• Newsletter Text – Write your newsletter text here. Focus on the benefits of joining. Ex: “Get daily deals and sales delivered to your inbox.”
• Newsletter Sucess Message – Write your newsletter success message here. This will appear after clicking the newsletter button.
• Enter Coupon Code – Enter the coupon code to be shown after newsletter opt-in. NOTE: You will need to set this up in your Shopify admin for customers to use.
• Newsletter Button Text – Enter your CTA button text here. Ex: “Send My Deals!”, “I Want to Save”.

The countdown timer is a source of providing scarcity. When people see that they have limited time to purchase an item, or that it might run out, they may quickly decide to buy so they don’t miss on your offer.

These are the settings you can change:

• Enable – Toggles Countdown Timer on and off
• Countdown Timer Text – Text that will be above the timer. Ex: “Hurry, Offer Ends In:”
• Countdown Timer Text Color – Color of the text within the timer.
• Countdown Timer Text Font Size – Size of the fonts within the timer.
• Countdown Timer Text Font Style – Choose between the Bold and Regular font-weight.
• Timer Model Type – Choose between three model types of the timer.
• Timer Model Time – Set countdown in seconds.

---

ENABLING THE COUNTDOWN TIMER

Use tags on specific product page where you want your timer to appear. Simply copy and paste tag “display-countdown” into your tags section for a single product or multiple. This will activate timer 3.

If using countdown timers 1 or 2, you will need to specify the time for the countdown.

The tag for that is expire-x where x = the time. Ex: expire-24, means the countdown will reset every 24 hours.

Product Page Tabs give your customers more information upfront, without the need to search your website for all their answers. Under every single item, you’ll have the most important questions a consumer has on their mind: When is it coming? When will it get here? Can I trust you? As well as a slew of other information. Use them wisely and your conversions will skyrocket!

---

LOOK AND FEEL SETTINGS:

• Background – Changes the background color of the tabs.
• Border Color – Changes the border color surrounding the tabs.
• Selected Tab Border Color – Changes the color of the currently viewed tab.
• Title Font Color – Changes the font color of the tab titles.
• Title Font Font Size – Changes the font size of the tab titles.
• Title Font Font Style – Changes the style of the tab title fonts. Lighter, Normal, Bold, and Bolder.

---

GENERAL PRODUCT PAGE TAB SETTINGS:

• Enable Tabs – Toggles Product Tabs on and off.
• Enable Description Tab – Toggles Description Tab on and off.
• Description Tab Heading – Changes the description tab heading. Ex: “About this product:”
• Select Default Tab – Selects your default tab title. The tab you select here will display your selected tab first.

---

SHIPPING TAB SETTINGS:

• Enable – Toggles the Shipping Bar on or off.
• Header Text – Changes the header text of the shipping tab.
• Show Country Flag – Enables or disables displaying of country flags based on geolocation.
• Shipping Text – A place for your shipping text here. Ex: “This item ships worldwide.”
• Show Product Delivery – Shows the estimated delivery date to customers.
• Delivery Text – Changes the delivery text.
• Delivery Text 1 – Changes secondary delivery text. Ex: “Your product will arrive in…”
• Delivery Start Date – The minimum amount of days to deliver. Ex: 3 = 3 Days.
• Delivery End Date – The maximum amount of days to deliver. Ex: 14 = 14 Days.
• Delivery Cut Off – Specifies the cut off time for your shipping practices. Typically in line with your business hours.
• Delivery Exclude Days – Exclude days your parcel service doesn’t deliver. Usually Saturday and Sunday.
• Delivery Information Text – Lets you inform customers when their items will ship. Ex: “Ships in 1 business day.”

---

REVIEW APP TAB SETTINGS:

These settings are exclusively made for Loox Review App and Shopify Review App. If you want to use other review apps, most of them have their own position setup within the theme, so these settings will be bypassed automatically.

These are the settings you can change:

• Use Loox Review App – Enables use of the Loox Review app.
• Use Shopify Review App – Enables use of the official Shopify Review app. Only one can be enabled at a time.
• Enable Review Tab – Only displays when Custom Tabs are not enabled & will only work if Shopify or Loox are installed.
• Review Tab Heading – Changes the label of your review tab. Ex: “Testimonials.”
• Enable Review Star On Product Page – Toggles display of review stars on product pages on or off.
• Enable Review Star On Collection Page – Toggles display of review stars on collection pages on or off.

E-commerce is largely about trust at the core. The “Reasons To Buy From Us” section helps establish that trust through the customer service-related badges. They are also within the tabs as well. This is because you’re able to expand on the text for each badge to help further convince visitors.

These are the settings you can change:

• Display Top Reasons On Product Pages – Toggles the display of badges on or off.
• Top Reasons Position On Product Pages – Determines the position of badges. Left or Right.
• Display Top Reasons On Cart Page – Toggles the display of badges on or off on the cart page.
• Display Top Reasons Counter – Displays a number next to reasons display.
• Display Top Reasons Text – Displays reason text underneath the badge icons.
• Reason 1-7 – Enables or disables the badges as you see fit. You can also replace the stock images with your own. The recommended size is 285×285 pixels, transparent PNG.

Collection pages display all of the products within a collection. It gives visitors a glance at all the products you may be carrying. If you enable certain settings, you can give a greater glance, showing review ratings and product availability.

---

GENERAL SETTINGS:

• Enable Collection Title – Displays the collection title on or off.
• Resize image – If your images aren’t all the same size, Enable for a more uniform appearance.

---

PRODUCT SETTINGS:

• Product Title Font Size – Changes the font size of listed products.
• Product Title Font Style – Changes the font style of listed products. Lighter, Normal, Bold, and Bolder.
• Product Title Font Colo – Changes the color of the product titles within the collection.
• Product Price Font Size – Changes the font size of the product price.
• Product Price Font Style – Changes the font style of the product price. Lighter, Normal, Bold, and Bolder.
• Save Bar Background Color – Changes the color of the save bar overlay that appears on products inside of a collection or carousel.
• Save Bar Font Color – Changes the font color of the text on the save bar overlay that appears on products inside of a collection or carousel.
• Show Breadcrumbs – Toggles breadcrumbs on or off.
• Enable Filtering by Product Tag – Toggles the product tag filter on or off.
• Enable Collection Sorting – Toggles collection sorting on or off.
• Enable Sidebar Filters – Enables sidebar filters to allow for more detailed product selection than sorting or tag filtering.
• Products per row – Sets the maximum amount of products per row.
• Products Per Row on Mobile – Sets the maximum amount of products per row on Mobile.
• Product Image Height (in pixels) – Specifies the height of product images within collections.
• Enable Quick View – Enables a quick buy button that gives basic product details. May increase page load time.
• Product Second Image Display – Displays the second image within a product page when hovering over a product in a collection.
• Product Second Image Slide Effect – Creates a slide effect when hovering over images in a collection. Image Fades in/out if not selected.
• Display Product – Check it if you want to show collections products on the collections listing page.
• Products Per Page – Specifies the maximum amount of products shown per page.

The Free Shipping Threshold sets the amount at which customers will receive free shipping from your store.

These are the settings you can change:

• Enable Shipping Threshold – Displays the Shipping Threshold on or off.
• Domestic Country Code – Here you need to specify your country code. Ex: US for the United States. UK for the United Kingdom. (for more than 1 separate with a comma, EX ‘US,GB’. You can grab the country code from the following URL – https://www.nationsonline.org/oneworld/country_code_list.htm
• Domestic Free Shipping Threshold – You need to specify the purchase amount a customer must have before earning free shipping. This needs to be a number and will be in your store’s default currency.
• International Free Shipping Threshold – You need to specify the purchase amount an international customer must have before earning free shipping. This needs to be a number and will be in your store’s default currency.
• Free Shipping Text – Specify the text you want to be displayed to let visitors know how much they have left to earn free shipping. Ex: “Spend $5 more to earn free shipping on your order!”
• Free Shipping Achieved Text – When customers carts exceed the threshold, your default achievement text will display. Ex: “Congrats, you’ve earned free shipping!”

The cart page is where your customers land before they get to checkout and purchase. My checkout pages contain a tried and true design that is proven to help boost conversions, create comfort and ease of use.

---

LOOK AND FEEL SETTINGS:

• Title Background – Changes the color of the title background strip directly above the item list.
• Title Font Color – Changes the font color of the cart list titles.

---

GENERAL SETTINGS:

• Display Cart Page Logo – Displays your logo on the cart page.
• Make Checkout Buttons Sticky – Makes the checkout button sticky.
• Bottom Sticky Cart – Toggles the bottom sticky cart on or off.
• Code Above Checkout Button – Displays a sales code above the product price. This code can be removed to hide this option.
• Percentage Discount – Specifies the percent off the order customers will receive. This code can be removed to hide this option.
• Help Page – Displays a help page underneath the cart for any last-minute questions and concerns.
• Related Items – Displays related items or a collection you specify underneath the cart. A different method of cross/upselling.

---

CART GENERAL SETTINGS:

• Enable Cart Notes – Toggles cart notes on or off. Allows customers to leave a note about their order.
• Show Product Vendor – Shows the product vendor of items.
• Cart Type – Sets the type of cart you want. Drawer or Page.
• Cart Shipping Threshold Enable – A final reminder to save on shipping by meeting your threshold.

---

SHIPPING CALCULATOR SETTINGS:

• Display – Displays the shipping calculator.
• Heading Text – Inserts heading text to display with the shipping calculator.
• Default Country Selection – Selects your default country.
• Submit Button Label – Inserts submit text here. Ex: “Calculate Shipping.”
• Submit Button Label When Calculating – Inserts calculation text. Ex: “Calculating…”

---

CART PAGE TIMER SETTINGS:

• Enable – Toggles the cart timer on or off.
• Timer Title – Displays text above the timer. Ex: “Cart will expire in”.
• Cart Timer – Sets the amount of time before the cart clear. NOTE: The visitor’s cart will clear all items out of the cart! Be careful with this feature.
• Cart Timer Color – Pick the color of your cart timer. Alerting color is recommended.

This section allows you to set the currency settings for your store. To offer multiple currencies on your online store, you must first specify your store’s currency formatting.

These are the settings you can change:

• Desktop Text Color – Changes the color of currency text for desktop devices.
• Mobile Text Color – Changes the color of currency text for mobile devices.
• Enable Currency Conversion – Toggles currency conversion on or off.
• Show Currency Abbreviation – Shows currency abbreviation behind total.
• Enable currency flag – Displays the flag for a visitor’s country via Geo-IP.
• Format – With and without currency. Displays the visitor’s country in the text. Ex: $10.00 CAD
• Supported Currencies – Inputs the currencies you support in your shop.
• Default Currency – Sets your country’s currency default.

The 404 error page is a standard web page, informing visitors they have reached a webpage that does not exist, encouraging them to take the next steps forward or simply press the back button. This is another customer service related page. You can change the language to fit yours or keep it as is.

You can definitely have your own 404 error page created within your own design structure. It can be only one large image with your own design or lines of text with a simple background. Down below are standard settings for the default 404 error page.

These are the settings you can change:

• Heading – Changes the heading color of the 404 Error Page.
• Heading Font Font Size – Changes the font size of the header.
• Heading Font Font Style – Changes the style of the heading. Lighter, Normal, Bold, and Bolder.
• Sub Heading – Changes the color of the sub-heading.
• Sub Heading Font Font Size – Changes the font size of the sub-heading.
• Sub Heading Font Font Style – Changes the style of the sub-heading. Lighter, Normal, Bold, and Bolder.
• Text Color – Changes the text color of body text.
• Step Counter Background – Changes the background color of the step counter circles.
• Step Counter Text – Changes the text color of the numbers within the step counter.
• Text Font Font Size – Changes the font size of body text.
• Text Font Font Style – Changes the style of the body text. Lighter, Normal, Bold, and Bolder.
• 404 Title – Changes the title of the 404 Error Page. The default is: “Whoops! “We can’t find the page you requested. (Sorry)…”
• 404 Subtitle – Changes the subtitle of the 404 Error Page. The default is: “BUT don’t fret… Here are 4 tips for finding it…”
• Search Form – Toggles search form on or off.
• URL Help – Displays text after the step counter numbers providing suggestions on how to solve the 404 issues.
• Display “Speak To” Image – Displays a stock customer service provided image. You can use this or create and upload your own.
• Display Collections – Displays a collection of your choice. This helps visitors get back to the main site and shows them what’s available.

The Search Results Page is a secondary error page, populated by improper search terms or unavailable ones. You can change the language to fit yours or keep it as is. If no results are found, a default “No Results Found” message will display.

These are the settings you can change:

• Heading – Changes the heading color of the Search Page.
• Heading Font Font Size – Changes the font size of the header.
• Heading Font Font Style – Changes the style of the heading. Lighter, Normal, Bold, and Bolder.
• Sub Heading – Changes the color of the sub-heading.
• Sub Heading Font Font Size – Changes the font size of the sub-heading.
• Sub Heading Font Font Style – Changes the style of the sub-heading. Lighter, Normal, Bold, and Bolder.
• Text Color – Changes the text color of body text.
• Step Counter Background – Changes the background color of the step counter circles.
• Step Counter Text – Changes the text color of the numbers within the step counter.
• Text Font Font Size – Changes the font size of body text.
• Text Font Font Style – Changes the style of the body text. Lighter, Normal, Bold, and Bolder.
• Search Title – Changes the title of the 404 Error Page. The default is: “Whoops! We can’t find the page you requested (sorry)…”
• Search Subtitle – Changes the subtitle of the 404 Error Page. The default is: “BUT don’t fret… Here are 4 tips for finding it…”
• Search Form – Toggles search form on or off.
• URL Help – Displays text after the step counter numbers providing suggestions on how to solve the 404 issues.
• Display Speak To Image – Displays a stock customer service provided image. You can use this or create and upload your own.
• Display Collections – Displays a collection of your choice. This helps visitors get back to the main site and shows them what’s available.

The contact page helps your customers reach you any way you accept, in a clean, forward, and inviting page. In order for this enable Contact Page a “Contact Us” page needs to be created through your Shopify Dashboard.

These are the settings you can change:

• Contact Title – Allows you to have a special heading or a default title will show. Ex: “Have an issue? Contact us below.”
• Contact Help Text – Text that displays underneath the title. The default is: “Our happily helpful [Insert Your niche] Experts are on hand if you need them, whichever way you contact us.”
• Contact Availability – Specifies the hours you’re available for support.
• Contact Phone Number 1,2 & 3 – You can have any contact numbers you have in these spaces.
• Contact Email – Provide support email customers can reach you at. Ex: support@yourdomain.com
• Physical Mailing Address Label – Specify your mailing address label here. Ex: “Snail Mail”
• Physical Mailing Address – Specify your mailing address.
• Display Contact Form – Toggles contact form display on or off.
• Display Live Chat – Toggles live chat display on or off. You will need a third-party app to make this work.
• URL For Live Chat – Specifies the URL for your separate live chat service here. For example with tawk.to you’ll need to add the direct chat link – https://www.tawk.to/knowledgebase/chat-widget/direct-chat-link/
• Display Track Order Form – You can display an order tracking form here. Requires a third-party tracking application. Ex: Trackify.
• Display FAQs Page Link – Displays a link to your FAQ page.
• Link of FAQs Page to Display – Specifies the link to your FAQ page here.

This area allows you to add marketing code to the theme. This section is very self-explanatory. You have 6 different input fields for different purposes. These are HotJar, Google AdWords, Google Webmaster Tools, Google Tag Manager, Bing Webmaster Tools, Optimizely/Visual Website Optimizer.

There are also four extra spaces to utilize other tools. Each place has these two settings:

• Before Opening Tag – Places your code before the header tag. This is best used for light code like tracking pixels.
• After Opening Tag – Places your code after the opening tag. This is best used for heavy code and javascript, as it’s the last area to load, therefore giving you a speedier loading time.

Collection filters help your customers get granular with their searching. You can specify color, size, brand, material, or any filtering method applicable to your store.

Collection filters work through tags that are applied to the products you would like to filter. Currently, the collection filters work with 3 different criteria at any given time, for example, you could filter with ‘brand’, ‘size’, and ‘color’.

An example would be if you would like to add size and color filters to a range of T-Shirts, first, you would want to configure collection filter 1 & collection filter 2 inside of the theme config.

You should provide the whole filtering structure according to your product line and criteria.

NOTE: By default, Collection Filters work with three different criteria. If you choose the Basic Store Package you will have these three criteria available as an extra integration. If you choose Regular Store Package you are free to add as many criteria as you need within extra integration. For Market Store Package complete Collection Filters customization is included in the package.

As customers leave your site, you want to give them a reason to stay or buy. Exit pops allow you to do this in the form of a discount or other offering. Exit Popup includes evergreen timing, so customers understand there is a scarcity of the offer.

These are the settings you can change:

• Enable Popup – Toggles the exit popup on or off.
• Heading – Changes the heading of the exit popup. Ex: 20% Off!
• Text – Changes the text of the exit popup. Ex: “LIMITED TIME OFFER! ONLY AVAILABLE TO FIRST 50 CUSTOMERS.”
• Discount Code – Specify your discount code. Discount code must be also set up first in your Shopify admin.
• Countdown Timer Date (in sec.) – A number of seconds until the offer expires. Ex: 15000 = 4 hours, 16 minutes. The default is 27000.

NOTE: By default, Exit Popup works within the default template. The settings above are a part of that template. If you choose the Basic Store Package you will be able to set up the default template using provided settings available as an extra integration. If you choose Regular or Market Store Package you may request a complete custom coded Exit Popup within extra integration.

When customers activate or obtain a discount, a coupon code bar will appear showing visitors the code they’ve received to easily copy and paste for use.

These are the settings you can change:

• Enable – Toggles Top Coupon Code Bar on or off.
• Background Color – Changes the background color of the Coupon Bar.
• Text Color – Changes the text color of the Coupon Bar.
• Coupon Code Color – Changes the color of the Coupon Code itself.

A different type of popup that displays as soon as customers enter your site. Similar to the exit popup, you will need to incentivize the popup for an attractive offer.

These are the settings you can change:

• Enable Popup – Toggles the Entry Popup on or off.
• Enable Logo in Popup – Displays your logo in the popup.
• Seconds until Popup is displayed – Specifies how long it will be until the Entry Popup shows. 0-120 seconds.
• Days until Popup is displayed again – Specifies how many days until a visitor sees your Entry Popup again. You can use Test Mode (to reset the browser cache) to configure your settings.
• Maximum width – Specifies the maximum width for the entry pop. The default is 600.
• Heading – A place to insert your Entry Popup heading here. Ex: “Get 20% off”.
• Text – A place to insert sub-heading here. Ex: “When you spend $149”
• Countdown Timer Date (in sec.) – Specifies the date until the offer resets.
• Button Text – A place to insert your button text here. Typically a CTA. Ex: “Give Me 20% Off!”
• Bottom Text – A place to insert your bottom text here and wrap up your offer. Ex: “By clicking the button, you’ll 1. Confirm your email address. 2. Stay up to date with our latest news and offerings.”
• Mailchimp Form – Enables this if you use Mailchimp as your Email Service Provider.
• Mailchimp Form URL – Specifies your Mailchimp Form URL here, so registrants go into your flow.
• MarketHero, Contactflow, and Klaviyo Form – Enables this for Email Service Provider use.
• MarketHero, Contactflow, and Klaviyo form HTML – Specifies your form from your ESP here, so registrants enter your flow.
• Agree Text Color – Changes the color of the opt-in text near the checkbox.

NOTE: By default, Entry Popup works within the default template. The settings above are a part of that template. If you choose the Basic Store Package you will be able to set up the default template using provided settings available as an extra integration. If you choose Regular or Market Store Package you may request a complete custom coded Entry Popup within extra integration.

Simply enable or disable use of PayPal payments.

This is the setting you can choose:

PayPal Button – Enable or disable use of PayPal payments.

Utilizing your blog on Shopify is important for multiple reasons, so here is the blog customization to help spice up your posts and match the rest of your branding.

---

GENERAL SETTINGS:

• Articles Per Page – Determines how many articles (blog posts) you wish to display. 36 max.
• Articles Per Row – Determines how many articles are listed per row. 4 max.
• Blog Header Font Size – Changes the size of the header font.
• Article Title Font Size – Changes the size of the article title.
• Article Content Font Size – Changes the article content font size.
• Read More Button Background Color – Changes the background color of the “read more” button to match your branding.
• Read More Button Text Color – Changes the background color of the “read more” button to match your branding.
• Read More Button Font Size – Changes the font size of the “read more” button for contrast.
• Show Breadcrumb Links – Shows breadcrumb links at the top of your post.

---

BLOG BUTTON COLOR SETTINGS:

• Button Background Color – Changes the Button Background Color.
• Button Background Hover Color – Changes the Button Background Hover Color.
• Button Text Color – Changes the Button Text Color.
• Button Text Hover Color – Changes the Button Text Hover Color.
• Show Article Tags – Shows the article tags of your blog post underneath the post, near the footer.
• Show Author – Shows the author of a particular post.
• Show Date – Shows the date for your posts at the top right.
• Show Comment Count – Displays the number of comments on your blog posts.

---

BLOG SIDEBAR SETTINGS:

• Enable Sidebar – Toggles the right sidebar on or off.
• Show Search Form – Enables use of the sidebar search.
• Show Newsletter Sign Up Form – Displays another way for visitors to join your email list.
• Show Recent Articles – Displays recent articles you’ve posted.
• Show Article Tags – Shows article tags in the sidebar.
• Sidebar Content Page – Displays a content page of your choosing on the sidebar.

---

BLOG COMMENTS SETTINGS:

Enable DISQUS comments – If the default Shopify comments don’t suit your store’s appearance, the DISQUS comments are included as an alternative. Just register and send me your short name in the box.

Due to CAN-SPAM and now GDPR, you need to make sure your customers give consent to receive marketing communications from your company.

This is the setting you can change:

• Show Checkbox for Terms and Conditions – Toggles opt-in checkbox on or off. Enabled is recommend .
• Newsletter Checkbox Text – Specifies your opt-in statement here. Ex: I agree to subscribe to updates from Shoptimized.
• Newsletter Checkbox Link Text – Specifies the text for the link you’ll be displaying. Ex: Terms of Service.
• Newsletter Checkbox Text Link – Specifies the path to your checkbox link. Ex: /pages/terms
• Newsletter Checkbox Warning Popup Text – If a visitor forgets to tick and agree to your terms, a warning will display. Ex: “You must agree with the terms and conditions to Submit!”

Checkout is the last step for a customer to purchase an item from you, how you customize your checkout can lead to higher conversions, establish one last run of trust to keep customers from abandoning their cart and secure the order.

Background Image – Select a background image to use on your checkout. 1000 x 400px recommended, in JPG.

---

LOGO SETTINGS:

• Use Storefront Logo – Determines your storefront logo during the checkout process or a custom image selected from thousands of stock images.
• Position – Determines the display position of your logo. Left, Center, and Right.
• Logo Size – Changes the scale of your logo. Small, Medium, and Large.

---

MAIN CONTENT AREA SETTINGS:

• Background Image – Determines a background image of your choosing to display behind the checkout information. The image repeats vertically and horizontally
• Background Color – Changes the background color of the main checkout area.
• Form Fields – Changes the color of the checkout form fields.

---

ORDER SUMMARY SETTINGS:

• Background Image – Displays a background image of your choice on the order summary screen.
• Background Color – Chooses the background color of the order summary screen.

---

TYPOGRAPHY SETTINGS:

• Headings – Changes the font type of the headings.
• Body – Changes the font type of the body content.

---

COLORS SETTINGS:

• Accents – Changes the color of Links, Highlights, and Checkmarks.
• Buttons – Changes the color of the Gift Card/Discount and Next Step Buttons.
• Errors – Changes the color of various error messages and invalid fields to be filled correctly.