Apparel Theme - Options

If enabled, all shopping features of the store will deactivate and hide, like for example the following:

• the Add to Cart buttons on the Product blocks and the Product page.
• the Buy it now links, on the Product blocks and the Product page.
• the Cart item item on the store Header.

If enabled, all product prices will be hidden so customers won't be able to see them.

Enables or disables the option for customers to repeat an order from their order's history.

Allows you to upload a Logo for the Header of the shopping process pages. If not uploaded, the Store name defined at Settings > General > Preferences will be displayed.

Allows to define the height for the Logo. We have defined a maximum height amount in order to keep a consistent design layout and avoid an excessive increase of the height of the Header.

If enabled, the Breadcrumbs list will be displayed at the Header section of the shopping process pages, at the right side of the Logo. These are the 4 pages (or steps) that customers need to go through in order to complete an order. If disabled, the Logo (or store name) will align to the center of the page.

If enabled, the Country selector will be hidden from the Estimate Shipping on the Cart page and from the Shipping Address and Billing Address sections on the Checkout page.

If enabled, you will be able to customize the colors with the options you see below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color for the Header section of the shopping process pages.

Color of all the items present at the Header section of the shopping process pages.

Color for inactive items present at the Breadcrumbs list of the Header section.

Background color for the pages of the shopping process. We suggest using a light color, near to white, so that texts can be read correctly.

If enabled (default), a custom text will be displayed for Automatic payment methods, like for example a PayPal, Stripe, Skrill, Webpay, Flow, among others.

This custom text will display at the Review Order page of your store and you can customize it at the Languages settings of your store.

If enabled, a custom text will be displayed for Manual payment methods, like for example a Bank Transfer, at the Checkout and Review Order pages.

This custom text will replace the Payment information details you have defined at the payment settings of each payment method of this type. You can customize this text at the Languages settings of your store.

Here you have to define the Manual payment methods that will display the custom text by adding each name separated with asterisk (*) before the method name (unless the first), like for example:

Payment name1*Payment name 2*Payment name 3

If you leave this field empty and the previous option is enabled, all Manual payment methods will display the default text defined at the payment Payment information field.

If enabled, a custom text will be displayed for External payment methods that are added through the External Payment Gateway option at Settings > Checkout > Payments. You can customize this text at the Languages settings of your store.

If enabled (by default), all texts you add in this section will display below each method name on the Estimate Shipping table at the Cart page.

The Estimate Shipping table and its options can be enabled or disabled by going to Settings > Checkout > Preferences. It comes enabled by default for all new stores.

If enabled, all texts that display at the Estimate Shipping table will always be visible. If disabled (by default), only the text of the selected shipping method will be visible and the rest will be hidden, until the customer clicks on another shipping option, which will make its own text visible.

If enabled (by default), all texts you add in this section will display at the Shipping Options list at the Checkout page.

If enabled (by default), all texts that display at the Checkout page will be always visible. If disabled, only the text of the selected shipping method will be visible and the rest will be hidden, until the customer clicks on the shipping option, which will make its own text visible and the rest will hide.

If enabled (by default), the text for the Shipping method that the customer has selected will be displayed at the Review Order page.

Allows you to upload and display a Logo at the top of the Success page. If not uploaded, the store name defined at Settings > General > Preferences will be displayed.

Allows to define the height for the Logo. We have defined a maximum height of 200px in order to prevent the heading section from being too big. Without doing this and for example a Logo of 800px tall would be uploaded, the information below the heading wouldn’t be visible at first glance on the browser, which would negatively affect your store’s usability.

If enabled (by default), an optional Title and Text for payment methods of type Manual will be displayed (e.g. Bank Transfer). Both of these can be modified at the Languages section of the store's Administration panel.

In case you didn’t know, every order or purchase that’s made at your store with a Manual payment method it’s defined with the Pending Order status. Therefore, it is expected that the customer makes the payment (mostly through a bank/wire transfer) and once you receive it and confirm it has been made and that’s effectively related to the order, you can then change its status.

So, the focus of this option is letting customers know that the order has been placed, but it is necessary to wait for the payment to be received and accepted in order to mark the order as Paid, which will trigger the Order Paid email.

If enabled, a complementary text will be displayed at the end of the first section (heading) of the Success page with the Email defined at Settings > General > Emails > Contact email.

The focus of this text is to provide information about how customers can contact you in case they need anything. This text can be modified at the Languages section of the store's Administration panel.

Here you can add an alternative email address in case you don't want to display the one defined at Settings > General > Emails > Contact email.

If enabled, the “Payment method name” the customer selected when purchasing will be displayed at the Order summary section.

If enabled, the “Shipping method name” the customer selected when purchasing will be displayed at the Order summary section.

If enabled, the number of products the customer has purchased will be displayed at the Order summary section.

If enabled, the Order subtotal amount will be displayed at the Order summary section.

If enabled, the Order shipping amount will be displayed at the Order summary section.

If enabled, the Order taxes amount will be displayed at the Order summary section.

If enabled, the Order discounts amount will be displayed at the Order summary section.

If enabled, you will be able to customize the colors with the options you see below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Color for the texts of the page.

Color of the links of the page.

Color of the links of the page on hover state (when passing the mouse over).

Color of the boxes or sections that contain information.

Color for the border of the boxes or sections that contain information.

Allows to determine how the theme containers will behave regarding the maximum width that they will have when stretching across bigger browser screens, like for example an iMac. This is what we explained in detail at the beginning of this documentation, in the Theme Basics - Store Grid section.

Choose the corner style that elements of the theme will have. This affects elements like Slides, Banners, Images, Product blocks, Accordions, among others. You can choose that elements have a slightly rounded corner or to be fully square. This will depend on the look you want for your store.

Choose which style of button you would like to use in the store. This affects most of the buttons of the store.

There will be some buttons that won’t apply the Circular option. This is intentional because they wouldn’t look right at all, considering the specific purposes they have and context where they are present.

You can find a table with examples for how buttons look further down this page, at the Theme Colors section.

Allows to define the format for the text of the Add to Cart buttons of the store. An example would be as follows:

• Lowercase > Add to Cart
• Uppercase > ADD TO CART

Allows you to select the icon for the Add to Cart button that's available in Product blocks and at the Product page. If you choose None, these buttons will only display their respective text.

You can find a table with each type of icon and their respective styles.

Allows you to define the style of the icon you have selected in the previous option. You can see examples of how icons can look depending on the selected style at the following table:

Are the ones that are gonna be used most often in the theme.

Are the ones that are applied to certain details of the store.

These colors are applied to certain elements within specific use cases.

Here you can find all the colors applied and be able to copy the values to your clipboard:

The colors detailed here apply to the Add to Cart button, as well as for some other buttons of greater relevance in theme.

The colors detailed here apply for some secondary relevance buttons or ones that accompany the Main button.

This button is the one that is used less in the theme and you can see it primarily used for the products that have status of Not available or Out of Stock.

Here you can find a few examples on how these buttons look with different style configurations:

Choose the Font that will be used as the Main one of your store. This will be used mostly on Titles and certain subtitles, like for example the following:

• All Titles, Subtitles and links for store Components.
• All titles for the categories, product and pages.
• The name for products on the product blocks view.
• The title of the Blog articles.

Choose which font will be used as the Secondary of your store. This will be used mostly on the following elements:

• Descriptions for store Components.
• Descriptions for the categories, product and pages.
• Body/Content for the pages with any page template.
• All products and store prices.
• Some other elements of secondary relevance.

Choose which font will be applied to all buttons of the theme.

This option allows you to define the width of the content of the Header, based on two options:

This will define the width of the content, but keep in mind that the width of the Header will always be 100% of the browser’s width. You will be able to notice this as you scroll down the page and realize that the Header’s background color covers and places on top of the content that’s behind it.

Allows to fix the Header at the top of the browser, in order to follow users as they scroll down through the store. We recommend you don’t disable this option because if you do, it will be harder for customers to navigate your store as they will have to scroll all the way up to see or find the Header again, especially on Mobile devices.

Logo ideally in .svg format (vector). If not, we recommend that you upload it in .png format (with transparency).

If not uploaded, the one you add at Settings > General > Preferences > Store Logo will be displayed. Ultimately, if no logos exist, the Store name will show.

Allows to define the height for the Logo, with a maximum amount of 120px. This has been set up like this so it doesn’t make the Header too big.

Optional. Logo that displays in Mobile devices that has a width less or equal than 575px. If not uploaded, Header Logo will be displayed for all devices.

Allows to define the height of the Logo for Mobile devices.

Allows to show or hide the Login/Register item that takes customers to the respective page of your store.

Allows you to select the icon of the Login item in the Header of the store.

Allows you to define the style of the Header Login icon you have selected before.

Allows you to select the icon of the Cart item in the Header of the store.

Allows you to define the style of the Header Cart icon you have selected before.

Allows you to define the style of the Menu icon that's visible in the Header of your store for Mobile devices.

Allows you to select the style that Submenus will have for items that contain more levels inside. This only works for Desktop devices. The Submenus for the Desktop navigation menu can be displayed in two different ways, which we explain here:

For any of these types of Submenus styles, we suggest taking a good look at the way you create your categories and how you organize them. If the available levels don't exactly fit your needs, you can always opt for solutions such as Filters, which are available on some of Jumpseller’s plans.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color of the Header. By default this is white.

Color for all the items available in the Header.

Color for all the items available in the Header on hover state (when passing the mouse over).

Applies a border at the bottom part of the Header in order to create a visual division with the content of the store.

Color of the border of the Header.

Background color for the Submenus. It applies to any type of submenus.

Color for the border of the Submenus and the border that separates each item.

Color for the links of the Submenus.

Color for the links of the Submenus in hover state (when passing the mouse over). Also applies for active links.

Color for the Link's background on hover and active state. Only applies if Header Submenus Style is equal to Flyout.

Color for the titles of the Submenus. Only applies if Header Submenus Style is equal to Mega.

Style of the Footer for Mobile devices:

Allows to enable a Scroll link at the start of the Footer so customers can easily go to the top of the page. You can edit the text of this link at the Languages settings of your store.

Allows to show or hide the Main Section entirely. Therefore, if at the Footer Style option you select Compact, we recommend not disabling this option as it would look strange because the Menus would also be hidden.

Allows to define if the Logo or Store name will be displayed, even when any of those are available.

Logo ideally in .svg format (vector). If not, we recommend that you upload it in .png format (with transparency).

If not uploaded, the one you add at Settings > General > Preferences > Store Logo will be displayed. Ultimately, if none of the logos are uploaded, the Store name will be displayed.

Allows to define the height of the Logo. This would apply to any of the logos you upload.

Allows to display the store description defined in Settings > General > Preferences > Store Description.

Allows to add a different description than the one defined in Settings > General > Preferences > Store Description.

Allows to display any of the menu lists added in Customization > Navigation > Footer Menus, as long as at least one of them has inner items or a so-called “dropdown”.

Allows to show the list of Social Networks links of the store in the Footer.

Allows to define the position in which Social Networks will appear:

1. Main section: They will be placed below the Footer Logo and Description.
2. Menus section: They will be placed along with the Menus and within a list style, at the right side of the Footer.

Title that will display along with the list of Social Networks.

Allows to show the list of Contact Information details of the store in the Footer from Themes > Visual Editor > Edit Settings > Store Information.

Title that will display along with the list of Contact Information details.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color of the Footer. By default is white.

Color of all the items available in the Footer, like titles, texts, descriptions, links, etc.

Color of all the links of the Footer in hover state (when placing the mouse over).

Color of the upper border of the Footer that allows to create a visual division with the content above. If it is not necessary, just change its opacity to zero (0).

If enabled, all of the Payment methods you enable below will be displayed in the Footer of your store.

Allows to show or hide the title of the section. You can change it at the Languages settings of your store.

Allows to define the alignment of the content of the section (title and logos).

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color of the section.

Color for the title of the section, if enabled.

List of available payment methods logos to be displayed:

Payment Method	Logo
Webpay
Chek
Khipu
Servipag
Mach
Flow
Caja Vecina
Klap
PSE
Baloto
ePayco
Efecty
Oxxo
MercadoPago
Multibanco
MBWay
PayU
iDEAL
Skrill
Stripe
Apple Pay
Bitcoin
Visa
Mastercard
American Express
PayPal
Diners Club
Wire Transfer
Manual Payment

In this field you can copy/paste any code that must go at the very start of the opening head tag of your store.

In this field you can copy/paste any code that must go before the end of the head tag of your store.

In this field you can copy/paste any code that must go at the very start of the opening body tag of your store.

In this field you can copy/paste any code that must go before the end of the body tag of your store.

You can upload a Logo that displays at the top of the Mobile Menu. We suggest uploading the Logo in .svg format or ultimately in .png format with transparency.

Allows to define the height for the Logo. This height will apply for any logo that displays here, except the Store name.

Title of the Main Menu section. If you don't want this title to appear just leave the field empty.

Enable the Social Media icons below the main menu inside the Mobile Menu. All Social Media links you enable at Settings > General > Preferences > Business Information > Social Media will be displayed, except Whatsapp, which will be available to be displayed at the Contact Information section below.

Title of the Social Networks section. If you don't want this title to appear just leave the field empty.

Enables the Secondary Menu which is available to use in Customization > Navigation > Secondary Menu.

Title of the Secondary Menu section. If you don't want this title to appear just leave the field empty.

Allows to enable the list of Contact Information details available in Themes > Visual Editor > Edit Settings > Store Information like email, phone, etc.

Title of the Contact Information section. If you don't want this title to appear just leave the field empty.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Color for all the texts and links.

Color that applies to all links that have an active state or on hover state (when passing the mouse over).

Color applied to the borders that allow to separate and divide sections and items. If not needed, you can set the opacity to zero (0).

Background color for Mobile Menu.

It enables the store message to be displayed.

Allows to display a Logo in the message. We suggest not uploading something too big and ideally in .svg or .jpg format.

Main Title of the section.

Text that goes below the title, to give more context about what the message is about.

Allows to display the list of Social Networks (e.g. Instagram, Facebook) added to the store in Settings > General > Preferences > Business Information > Social Media.

Allows to display the list of Contact Information details (e.g. Email, Address) added to the store in Themes > Visual Editor > Edit Settings > Store Information.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color for the message.

Color for the Title, Subtitles and Text.

Color that’s applied to all links like for example the email or social media links, if added.

Color for links on hover state (when passing the mouse over).

Email(s) will be clickable links that will open the customer’s email software (desktop) or application (mobile).

Phone(s) will be clickable links that will open the customer’s application that allows them to make calls. This would probably be used mostly on mobile devices or for example in Mac computers with the ability to make calls through Facetime.

Allows to enable and display the Whatsapp number defined at Settings > General > Preferences > Business Information > Social Media.

You can add your store's Main address here.

If you need your store's Main Address to be a link to Google Maps, copy and paste the link here. This will open Google Maps in a new browser tab.

You can add here the days and hours your store is open for business.

Allows to enable or disable all the functionalities related to search in the store. This will hide the Search item from the Header of the store, therefore, customers won’t be able to search for products anywhere else.

Placeholder text that displays in the search input. This text is useful to give a hint for what customers can search for.

Allows to define the style of the Search icon that's visible in the Header of your store.

Allows to display a list of items below the search input/field, to allow customers to search within certain topics, words, parameters, etc. These can be categories, products, filters, pages or whatever you need.

For this section to be displayed, you need to add at least one item in Customization > Navigation > Search Menu.

Here you can define the title that will appear before the list of items.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color of the search modal window.

Color for the texts of the search modal window.

Color for the text of the search input field.

Color for the text of the search input field on focus state and/or when the customer has already typed something in it.

Background color of the search field.

Color of the border for the search field.

Color of the border for the search input field on focus state.

Color of the button (arrow) of the search modal window.

Color of the button (arrow) of the search modal window on hover state (when passing the mouse over).

Color for the texts for each Search Categories item.

Color for the texts for each Search Categories item on hover state (when passing the mouse over).

Color of the border for each Search Categories item.

Color of the border for each Search Categories item on hover state (when passing the mouse over).

Allows to enable (default) the Breadcrumbs section on all category, products and pages of the store. If you disable this here, it will apply to ALL categories, products, pages and their templates, regardless of their specific status.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Here you can modify the background color for all places where the Breadcrumbs is available on the theme.

This color affects all the texts present at the Breadcrumbs section.

Color of the links on hover state (when passing the mouse over) and for the current active item. The active item is the current page that the customer is visiting.

Enables the Whatsapp button on all store pages. We recommend not enabling this feature if you're gonna use a plugin or integration that will also display a button.

Allows to display the Whatsapp button in the message that appears for products that have a status of "Not available” or “Out of Stock”. This button will display below the Contact us button, if enabled as well. You can modify the text of the button at the Languages settings of your store.

Allows to select the position of the button, which will always be in one of the corners of the browser.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the original Whatsapp brand colors

Allows you to customize the background color of the button.

Background color on hover status (when passing the mouse over).

Color of the icon (logo) of the button. If the button is enabled in product pages, this color will apply to the entire text of the button: “Send us a message”.

If enabled (default), a message will be displayed at the right side of the browser to notify customers that a product has been added to cart.

Allows to select if the notification will be displayed at the top or bottom of the browser, on the right side.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color for the notification.

Color for the texts inside the notification.

Color for the link that allows customers to go to the Cart page of the store.

Color for the link in hover state (when passing the mouse).

Background color of the link.

Color for the progress bar of the notification that reduces its size based on the time that’s left before the notification closes.

Choose where the Informative Slider will be displayed, based on the following options:

1. Disable (default): The section won’t be displayed at all.
2. Enable, except on the shopping process pages: The section will be displayed on all pages of the store except on Cart, Checkout, Review Order and Success pages.
3. Enable in all store pages: The section will be displayed on all store pages, including the ones related to the shopping process.

If enabled, the Slider will be fixed at the top of the browser and before the Header, on Desktop devices. If disabled, the section will not be fixed and will be placed between the Header and the store's content.

For Mobile devices the Slider won’t be fixed and will be positioned below the Header of the store. This is intentional, because if this section was enabled to be fixed on Mobile devices, it would decrease the visible amount of space on the browser.

Allow you to reorder the Slides without the need to copy/paste information from one field to the other.

Time that takes to pass from one Slide to the next, in seconds.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color of the Slider. By default works with the Main Color 1 defined at the Theme Colors section.

Color for all texts of the Slider.

Color for the text of all the links/buttons.

Color for the text of all the links/buttons on hover state (when passing over the mouse).

Color for the background of all the links/buttons.

Color for the background of all the links/buttons on hover state (when passing over the mouse).

As it was mentioned above, you can add up to 4 Slides, where each one of them has the following options:

Allows to show or hide the Breadcrumbs section for all categories that have this template applied.

This option will work independently from the one available in Themes > Visual Editor > Edit Settings > Store Breadcrumbs. But still, remember that if you disable the general Breadcrumbs option, it won’t matter what you define here.

Here you can define how many products will be displayed per page on category pages that use this template. This option will also affect and apply for the Search Results page.

Allows to define where Components will display in the template:

1. Bottom: At the bottom of the page, below the list of products.
2. Top: Before the list of products.

Allows to show or hide the Breadcrumbs section for all categories that have this template applied.

Allows to define where Components will display in the template:

1. Bottom: At the bottom of the page, below the list of products.
2. Top: Before the list of products.

If enabled, you will be able to customize the colors with the options you see below. If not enabled, colors will depend on the ones defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color of the Heading of the category page. If by mistake or intentionally you didn't upload an image to the category page or an error occurs, this color will be visible as a “fallback”.

Color for the Title/Name of the category.

Color for the Description of the category.

Color for the button that allows to filter products.

Enables the Overlay element that positions between the content of the Heading of the category and the background image to generate contrast.

Background color for the Overlay.

Allows to show or hide the Breadcrumbs section for all categories that have this template applied.

Allows to define where Components will display in the template:

1. Bottom: At the bottom of the page, below the carousels.
2. Top: Before the carousels.

Allows to display a Dropdown menu next to each Subcategory name, with a list of its sub-subcategories.

Limit the amount of products that each subcategory carousel will display.

If enabled, products will pass automatically from one to the next based on the speed defined in the option below.

Time that takes to pass from one product to the next, in seconds.

Displays next and previous arrows for customers to navigate the carousel.

Displays dots (points) for customers to navigate and choose products to see.

Allows to show or hide the Breadcrumbs section for all categories that have this template applied.

Allows to select how many brands (categories) will be shown per horizontal row on Desktop devices. For Tablets there will always be three (3) and for Mobiles two (2).

Allows to define where Components will display in the template:

1. Bottom: At the bottom of the page, below the brands list.
2. Top: Before the brands list.

Allows to show or hide the Breadcrumbs section for all categories that have this template applied.

Allows to define where Components will display in the template:

1. Bottom: At the bottom of the page, below the list of Collections.
2. Top: Before the list of Collections.

Allows to display the Description of each Collection (category), as long as it has one.

Text that will be displayed inside the link (button) of each Collection. By default "View collection" will be displayed which you can change at the Languages settings of your store or by filling this field.

Displays a right arrow inside the link (button) of each Collection.

Allows to define the style of the link:

1. Filled Button: It will have the default style like any other button of the store.
2. Bordered Button: Will have a border and its background will be transparent.
3. Normal Link: Will look as a normal link with a border at the bottom.

If enabled, you will be able to customize the colors with the options you see below. The colors you define will apply to all Collections. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color for each Collection. This color is applied to the entire section of the collection.

Background color of the content which contains Title, Description and Link of each collection. If a category (Collection) has no image, this color will be visible.

Color for the Title of each Collection.

Color for the Description of each Collection.

Color for the text that displays inside the Link (button) of each Collection. This applies if Link Style is equal to Bordered Button or Normal Link.

Color for the text that displays inside the Link (button) of each Collection on hover state (when passing the mouse over). This applies if Link Style is equal to Bordered Button or Normal Link.

Background color of the Link (button) of each Collection.

Background color of the Link (button) on hover state (when passing the mouse over).

Enables the Overlay element that positions between the Content of the category and the background image to generate contrast.

Background color for the Overlay.

Allows to add a margin at the top of each section to separate collections.

Allows to add a margin at the bottom of each section to separate collections.

Allows to add an inner margin at the top of each section to generate more space between the content and the background.

Allows to add an inner margin at the bottom of each section to generate more space between the content and the background.

Product images for this theme can be displayed in two different dimensions: Square or Rectangular (vertically). Each option will display images with an already predefined width and height that we have determined based on certain considerations to optimize the speed loading time of your store:

How the product image will be displayed:

Here you can define a transition for product images when you pass the mouse over them on product blocks view:

1. Zoom: Image will increase its size a bit to create a zoom effect.
2. Second image display: Products will display the first two images and when passing the mouse over the product, the second image will be visible, while the first image will hide. This only works if products have at least two images.
3. No transition: Don't apply any transition.

This option allows you to define a “fallback” background color for the images. This will and could be visible for example when selecting Resize at the Product Image Display option and the image doesn't fully manage to cover the complete available space.

Allow you to define which buttons will be displayed for the products of your store. You can modify the texts “Add to Cart” and “Buy it now” at the Languages settings of your store's Admin Panel. They have different approaches, which can be explained as follows:

If enabled, buttons you define in the previous option will be displayed on the product blocks of the store.

If enabled, the brand of your products will be displayed before the product name on both the product page and product blocks, as long as the Brand field is not empty.

If enabled, the Brand will be displayed in uppercase letters (all caps), like for example “BRAND NAME”.

If disabled, the discount label won't be visible on products and only the price will display the Price with discounts and the Original price next, below the product name.

Allows to define where the discount label will be positioned. This will be always on top of the product image, at one of two corners: top left or top right.

Allows to show or hide the text that displays along with the discount percentage, e.g. “15% OFF”. This text can be modified on the Languages section of the store Admin.

How the content (brand, name, price) will align in the product blocks view (preview).

How the content (brand, name, price) will align in the product page.

Allow you to define if the Breadcrumbs section will be displayed at the top of the product page and in which cases.

1. Both Mobile and Desktop devices (default)
2. Only in Mobile devices
3. Only in Desktop devices
4. Don't display

Any of the first three options will be considered as long as the Breadcrumbs section is also enabled at Themes > Visual Editor > Edit Options > Store Breadcrumbs.

Allows to define the place where the product Description will be displayed in the page:

1. After the title (default): It will be displayed below the title and the rest of the information available at the heading of the product page.
2. After the "Add to Cart" section: It will be displayed after the section that contains the Product price and the Product “Add to Cart” button, which is known as the “Form” of the product page.
3. Inside the Accordion: it will display the description in that section as long as that option is enabled at Themes > Visual Editor > Edit Settings > Product Page - Accordion.

If enabled, the product SKU will be displayed below the product name at the Heading of the page, as long as the field is filled.

If enabled, the product Stock will be displayed below the product name and after the SKU, if enabled or filled.

If enabled, “Out of Stock” variants will be identified visually inside the product option selectors.

If enabled, the name of the selected variant will be displayed along with the option title, for options of type Color.

Allows to show a text below the Stock number (if enabled) letting customers know the “stock status”.

Allows to select at which point (units) the Stock will vary from one status to another:

• If greater than “X” will display “In Stock” text.
• If equal or less than “X” will display “Latest units” text.

If enabled, the Stock message color will change depending on its status. If disabled, the color will always be the same.

Color for when the stock is more than the number defined in the threshold option (e.g. In Stock).

Color for when the stock is equal or less than the number defined in the threshold option (e.g. Latest units).

Allows to display a Contact us button in the message that appears for products that have a status of "Not available” or “Out of stock”. This button will take customers to the Contact page of the store.

Allows to define where Components will be displayed at the product page:

1. End of page: Components will be displayed at the end of the product page, after all the content.
2. Start of page: Components will be displayed after the main section (image gallery, product form, etc.) and before the “Recommended products” and “Related products” section, if available.

Allows to change the display of the product options of type Option. This is often used at stores that for example have options for clothing sizes, like Small (S), Medium (L) or Large (S). The options for you to choose are the following:

If enabled, the product image gallery will display thumbnails along with the carousel images, if the product images size is greater than one (1).

Allows to select the amount of images that will be displayed on the Thumbnails gallery in Desktop and Tablet devices. For Mobile devices they will always be four (4).

If enabled, images will pass from one to the next automatically based on the speed selected in the next option.

Time that takes to pass from one image to the next in seconds, if Autoplay is enabled.

If enabled, all images will be able to be “zoomed”. For this it is important that product images dimensions are bigger or larger than the one displayed, as it was explained previously at the Product Page - General Configuration > Product Images Dimension section.

Allows to select the type of Zoom functionality images will have:

Allows to define at which part of the page Custom Fields will be displayed:

1. Table list: Custom Fields will be displayed in a list/table after the product form (Add to cart button).
2. Accordion: Custom Fields will display as items of the “Accordion” section, as long as this feature is enabled.

Allows to select an icon that will be displayed for all Custom Fields. This icon will only be visible if Custom Fields position is equal to Accordion.

Allows to define the style of the icons.

Allows to exclude certain Custom Fields from displaying in the list. This affects any option selected in Custom Fields position.

Allows to show or hide the Accordion section for all the products of your store.

Allows to display an icon at the left side of each accordion item title.

Allows to define the style of the icons.

The options available for each Item are the following:

For all the Accordion Items that are added through Custom Fields the following must be considered:

• The Title of the item will be the name of the custom field, also referred to in the administration panel as Label.
• The Text of the item will be the content you add on the custom field, also referred to in the administration panel as Value.
• The Icon of the item will be the one defined at the Product Page - Custom Fields section.
• No link will be available for these items, unless you have basic HTML knowledge in order to add an atag to create a link. You can see some useful tips for how to achieve this at the Tips & Tricks page.

Allows to show or hide the Share section for all products of the store, which contains social media icons for customers to share the product.

Customers will be able to share products on Facebook.

Customers will be able to share products on Twitter.

Customers will be able to share products in Whatsapp.

Customers will be able to share products on Pinterest.

Customers will be able to share products through email.

Customers will be able to copy the Product URL to their Clipboard, so they can share it however they want.

If enabled, you will be able to customize colors with the options you'll find below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color of the section.

Color for the title and social icons of the section.

Color of the icons on hover state (when passing the mouse over).

Allows to show or hide the Related Products section for all products of the store.

Background color of the section.

Allows to define the logic for the categories related to products from which the automatic related products will come from, based on these two options:

1. Last category: it will display products based on the last category of the list of categories that each product is assigned to.
2. First category: it will display products based on the first category of the list of categories that each product is assigned to.

Limit the amount of products that the section will display.

If enabled, products will pass automatically from one to the next based on the speed defined in the option below.

Time that takes to pass from one product to the next, in seconds.

If enabled, a collection of randomly selected products (maximum 40) will be displayed.

Background color of the section.

Limit the amount of products that the section will display.

If enabled, products will pass automatically from one to the next based on the speed defined in the option below.

Time that takes to pass from one product to the next, in seconds.

If enabled, this will display after the product page main section.

Background color of the section.

Allows to choose how many packs will be displayed. Packs are sets or groups of frequently bought together products, including the product being visited.

If enabled, Packs will pass automatically from one to the next based on the speed defined in the option below.

Displays next and previous arrows for customers to navigate the carousel.

Displays dots (points) for customers to navigate and choose products to see.

Time that takes to pass from one Pack to the next, in seconds.

Allows to define the position in which Components will display on pages that have the Default template applied:

1. End of the page: Components will be displayed after all the content of the page, even after the “Contact Section” if it's enabled.
2. Body of the page: Components will be displayed just after the content of the page and before the “Contact Section”, if enabled.

Enables a section on the right side of pages with the Contact Information and Other interest links subsections. If disabled, the content of the page will be placed at the center of the page.

This section is available as well at the Contact page of your store. You can define to display (default) or hide it. If hidden, the Contact Form will take 100% of the available width of the page.

Enables a section with the contact details you can add at Themes > Visual Editor > Edit Settings > Store Information.

Title that displays in the Contact Information section. By default the text “Customer Support” will be displayed, which you can change at the Languages settings of your store or by filling this field.

Enables a section with links to store pages that you can add at Customization > Navigation > Other interest links. For this section to show, you need to add at least one item to the navigation list.

Title that displays in the Other interest links section. By default the text "Other interest links" will be displayed, which you can change at the Languages settings of your store or by filling this field.

Optional. Description that displays below the title of the Other interest links section.

Title of the Contact page. By default the text “Contact us” will be displayed, which you can change at the Languages settings of your store or by filling this field.

Description that goes below the title. By default a standard text will be displayed, which you can change at the Languages settings of your store or by filling this field.

Choose the “Page” that will be used as the main one for the Blog of your store. By default is the one that comes automatically created on your store: Blog.

Choose the Page category name that will be used to group all articles. By default Post will be used, which also comes automatically created.

Allows to select how many Articles will be displayed per page in the Blog page, with a maximum amount of 40.

For example, if you have 40 articles on your Blog and define that 20 articles will be displayed per page, this will result in two pages with 20 articles each. The Pagination section will be displayed at the end of each page.

Allows to select how many Articles per horizontal row will be displayed in the Blog page on Desktop devices. For Tablets there will always be two and for Mobiles one.

How the Article image will be displayed:

You can find the proper dimensions details on which images will be displayed at the Theme Basics - Blog section of this documentation.

Allows to define the style of the Link (button) for all Article Block views:

1. Filled Button: Buttons will have the default style like any other.
2. Bordered Button: Buttons will have a border and its background will be transparent.
3. Normal Link: The button will look like a normal link with a border at the bottom.
4. Don't display Link: Link will not be visible, but the post image and title will be clickable so customers can go and read the article.

Displays a right arrow inside the link (button).

Allow you to select the format in which the Article date will be displayed or if you don't want to show it. This applies for both the Article page and the Article Block:

1. Year / Month / Day
2. Day / Month / Year
3. Don’t display date

Allows to define the width of the heading of the Article page:

Allows to define the background color for the Overlay element.

Allows to show or hide the Breadcrumbs section which tells customers from which page they came before landing on the current page. It will display before the Article heading section.

Allows to upload and display a Logo at the top of the left-hand section for pages with a Form.

Allows to define the height for the Logo.

If enabled, you will be able to customize the colors with the options you see below. If not enabled, it will consider the colors defined in Themes > Visual Editor > Edit Settings > Theme Colors.

Background color for the section. This will be visible if no background image is added.

Background color for the customer pages forms. This background color allows to generate contrast with the background of the section (image or color).

Color of the border of the customer pages forms. If you don't need it, you can set its opacity to zero.

Color for the texts for the customer pages forms.

Color for the text of the Button for all the customer pages forms.

Color for the text of the Button for all the customer pages forms on hover state (when passing the mouse over the button).

Color of the background of the Button for all the customer pages forms.

Color of the background of the Button for all the customer pages forms on hover state (when passing the mouse over the button).

Allow you to upload an image that displays at the background of the section for Mobile devices.

• Maximum recommended width: 575px.
• Recommended format: .jpg, optimized for websites.

This image will be applied in both the Login and Create Account pages.

Allow you to upload an image that displays at the background of the section for Desktop devices.

• Minimum recommended width: 1400px.
• Recommended format: .jpg, optimized for websites.

This image will be applied in both the Login and Create Account pages.

Background color of the Overlay element that will display if you upload any available background images.

Background color for the section that is on the right side and that displays variable content depending on the page the customer is at:

• For the Login page it will display content suggesting customers to create an account if they still haven't.
• For the Create Account page it can display information and content focused on letting customers know the Benefits of creating an account.

Color for the Title and Description of the right section.

Color for the icons that are visible on the Create Account page, on the right-hand section.

Color for the text of the Button that's on the right section.

Color for the text of the Button that's on the right section on hover state (when passing the mouse over the button).

Color of the background of the Button that's on the right section.

Color of the background of the Button that's on the right section on hover state (when passing the mouse over the button).

If enabled (default), a Title and four (4) Benefits will be displayed at the right-hand part of the page. If disabled, the left-hand section that contains the Create Account form will take the whole width of the page.

Allows to show or hide the icons that are available to be displayed with each text.

Allows to define the style of the icons.

Allow you to replace the default title that this section displays, by filling this field or at the Languages settings of your store.

If enabled (default), a text will be displayed at the end of the page, after all the benefits. Its focus is to ensure customers that their information it's safe and secure. You can change it on the Languages section of your store's Admin.

Apart from the Title and Disclaimer text, this section allows to display up to 4 subsections that include the following options for each one: