Announcement Bar

Intro

images

The announcement bar can be used to render messages about your store to site visitors. Information such as sales advertisements, discounts, and new products can be rendered in the Announcement bar.

In addition to the above, the announcement bar also contains settings to render the store currency, social icons, and the store language.

Key Settings & Styling

Social Icons: With this option enabled, the social icons to the social media profiles added within the Theme settings will be rendered.

Show Currency: When enabled, it displays a currency selector within the announcement bar.

Show Language: Displays a language selector within the announcement bar when enabled.

Background Color: Sets a background color to the Announcement bar

Content Styling: Enables you to adjust the Font size, Font Weight, Line height and color of the Announcement bar items.

Color Styling: Used in setting the color of the social icons, and language currency selector.

Spacing Desktop & Spacing Mobile: Adjusts the spacing around the Announcement bar contents within Desktop & Mobile devices respectively.

Blocks

The Announcement bar section contains only one block which is the “Item block”. The block in this context is used in adding the announcement bar contents. Apart from it, you can customize announcement bar but changing some settings like Color Scheme, Marquee Style, Social Icons, Show Currency, Show Language and Spacing setting.

images

Adding and Configuring the Announcement Bar

The Announcement bar can be added from the Header panel. Once added, you can then add item blocks to it to render your desired content such as discounts or promotions. You may then proceed to configure your desired settings.

Header

Intro Header

image

The header section is displayed at the top of your store pages. It is mainly used to render menu navigation items and the logo.

Key Settings & Styling

Display Options

image

Show Search Icon: When enabled, it displays the search icon within the header.

Show User Account Icon: This enables the rendering of the account icon within the header.

Show Cart Icon: Facilitates the display of the cart icon within the header.

Show Navigation Menu: This enables you to specify the menu to be displayed on the header.

Choose Header Background Color: Used in setting the background color to the header.

Choose Menu Background Color: Enables you to set the background color to the menu rendered within the header.

Choose Border Radius: Used in adding rounded corners to the header or else setting the border radius of the header’s corners.

Menu/Sub Menu/Dip Menu

image

Settings within this section enable you to set a background color to the sub-menu items, border-radius & border color to the submenu, font size, and font weight of both the first level menu items and sub-menu items, the color of the first level menu items and sub-menu items, as well as the hover color, within desktop device screens

Sub Menu/Dip Menu Head (Mobile)

image

The settings within this section enable you to set the font size, font weight, line height, text color, and border color of the sub-menu items head, within mobile device screens.

Mega Menu

image

Within this section, you can set the background color and border radius to the mega menu.

Menu Heading

image

Enables you to adjust the mega menu headings styling aspects such as the font size, font weight, line height, and color on both desktop devices and mobile screens, as well as set the bottom border color to them on mobile.

Sub Menu

image

Here you can adjust mega menu sub-menu items styling aspects such as the font size, font weight, line height, color, as well as the hover/active color.

Mega Menu Images Settings

image

This section enables you to adjust mega menu images and mega menu images' primary & secondary heading styling aspects such as font size, font weight, line height, color, overlay color, and border radius.

Image Button (Normal)

image

This enables you to carry out styling adjustments to the Mega Menu images buttons in a normal state. Various styling adjustments can be carried out, such as altering the background color of the buttons, the color of the button texts, as well as the border width, border radius, border type, and border color of the buttons

Image Button (Hover)

image

The settings here enable you to carry out styling adjustments to the Mega Menu images buttons in a hover state. Various styling adjustments can be carried out, such as altering the background color of the buttons, the color of the button texts, as well as the border width, border radius, border type, and border color of the buttons.

Icon Settings (Normal)

image

These settings enable you to set the background color to the icons, the color to the icons as well as the border color of the icons in a normal state.

Icon Settings (Hover)

image

The settings here enable you to set the background color to the icons, the color to the icons as well as the border color of the icons in a hover state.

Search Popup

image

Enables you to set a background color and border radius to the search popup.

Search Bar

image

The search bar settings help in adjusting the search bar styling aspects, such as the border radius, border color, icon color and icon background color of the icon within the search bar.

Popular Searches

image

The popular searches settings help in adjusting styling aspects related to the “Popular Searches” text such as the font size, font weight, line height, and color of the text.

Popular Searches Item

image

The settings here enable you to add your desired Popular Searches Items, as well as apply styling aspects such as the font size, font weight, and color to them.

Sticky Header Settings

image

This section setting provides a background color setting that enables you to set a background color to the sticky header.

Icon Search/User/Cart: Within the section, you can adjust the icon color, background color and border color, within the sticky header, in both normal and hover states.

Sticky Header Settings

image

This section setting provides a background color setting that enables you to set a background color to the sticky header.

Icon Search/User/Cart: Within the section, you can adjust the icon color, background color and border color, within the sticky header, in both normal and hover states.

Mobile Settings

Normal Hamburger

image

Used in setting the hamburger color on mobile.

Mobile Bottom Header

image

Within this section, you can set the background color to the modal popup rendered upon clicking the hamburger menu, icons color, language & currency colors as well as the Login/ Register colors.

Mobile Menu Marquee

image

The settings here enable you to set the mobile menu Marquee text, image and set various styling aspects such as the font size, font weight, line height, color, image width and image height.

Search Popup

image

Within this section, you can adjust various styling aspects of the search popup on mobile such as the font size, font weight, line height, text color, and border color.

Hero Banner

Intro Hero Banner

The hero banner helps in rendering visually engaging content in the form of slideshows within your site.

image

Key Settings & Styling

Slideshow Settings

image

These are general settings that mainly apply to all slideshows within the Hero banner. These settings help in setting the slide pagination, enabling autoplay within the slideshow, setting the slides’ speed, and the border radius of the slideshow.

Color Settings

image

Adjusts the colors of the swiper pagination under both normal and active state.

Arrow Settings

image

Arrow settings enable in configuring the colors to the arrows as well as the background color of the arrows in both normal and active state.

Section Spacing

image

This section enables you to set your desired spacing around the Hero banner.

Blocks

Slideshow Settings

image

The Slideshow settings enable you to add content related to the individual slides in the Hero banner.

The Slideshow settings do contain various settings

Slide Image

image

This section enables you to set a slide image, set the overlay color on the image as well as specify how its content will be displayed on the slide.

Heading

image

Used in setting the Heading text to be rendered in a slide and also style the text in terms of the font size, font weight, line height, and color.

Text

image

The text section holds two sections that enable you to add the subheading text rendered above the header and another the description text that is rendered below the header. You can also style the texts with the help of options available such as the font size, font weight, line height, subheading color, and description color.

Button

The button setting contains two settings as the enable you add to buttons to the slideshow. These are Button Setting 1 and Button Setting Two.

Button Setting 1

image

Within this setting, you can add your first button text and link, as well as add some styling to it in terms of color and border styling, under both normal and hover states.

Button Setting 2

image

In the Button 2 setting, you can add your second button text and link, as well as add some styling to it in terms of color and border styling, under both normal and hover states.

Collection List

Intro Collection List

image

The Collection List section renders a group of collections in a slideshow within your page.

Key Settings and Styling

General Settings

image

The settings here enable you to set a background to the collection list, enable/disable an autoplay slideshow on the collection list, and set the collection list slide speed, image overlay color, and border radius to the images.

Image Text

image

Image text settings help in setting the font size and color to the texts on the images.

Section Heading

image

Within the section heading, you can set your desired heading text for the collection list, as well as set your desired styling on the header, in terms of font size, font weight, Line height and color.

Section Subheading

image

This section subheadings enable you to set a subheading to the collection list, as well as set your desired styling on the header, in terms of font size, font weight, Line height, and color.

Section Description

image

Within the section description segment, here you can add the description text to be rendered on your collection list, font size, font weight line height, and color of the description text.

Section Spacing

image

The section spacing enables you to set some padding on the collection list, both on desktop and mobile device screens.

Block

Item Block

image

The Item block within the collection list enables you to add collections to the section.

Marquee

Marquee

image

The Marquee section renders a slide of texts within your site.

Key Settings and Styling

Slideshow Settings

image

The Slideshow settings enable you to set the background color of the of the Marquee section, enabling/disabling autoplay in the slideshow, setting the slide speed and delay period, as well as enabling /disabling auto rotation of the Marquee image.

Spacing

image

Within the spacing segment, you can set padding both to the top and bottom of the Marquee, in desktop and mobile device screens.

Blocks

Item

Content rendered within the Marquee is added as a Marquee item that contains the settings listed below:

Marquee Text1

image

This setting enables you to add your first Marquee text and implement some styling to it if necessary, in terms of font size, font weight, line height and color.

Image 1

image

Within the Image 1 setting, here you can set the first image to be rendered, after the Marquee Text 1, and also set its width and height.

Marquee Text2

image

This setting enables you to add your second Marquee text and implement your desired styling to it, in terms of font size, font weight, line height, and color.

Image 2

image

Within the Image 2 setting, here you can set the second image to be rendered, after the Marquee Text 2, and also set its width and height.

Slideshow

Intro Slideshow

image

Renders slide images on the front end as a slideshow.

Key Settings and Styling

Slideshow Settings

image

Within the Slideshow settings, you can set your slideshow background color, enable/disable autoplay within the slideshow, and the slide speed and the border-radius to the images in the slideshow.

Slide Navigation

image

Within the Slide Navigation settings, here you can set your desired styling to the Navigation titles such as the font size, font weight, line height, and color. In addition, you can also define the color of the navigator bar underneath the titles.

Slideshow Navigation Arrow

image

The settings here provide an option to enable or disable slideshow arrows, as well as implement stylings to the arrows, in terms of color, in normal and active states.

Spacing

image

The spacing settings add some padding around the slideshow both on desktop and mobile devices

Blocks

Slides

image

The Slides block is used in adding slides to the slideshow. Within it, you can set the slide title, image, or background video.

Two Column Grid

Two Column Grid

image

The Two Grid Column enables you to render Grid items in different number of columns.

Key Settings and Styling

image

General Settings

image

Within these settings, you can set your desired number of columns to be rendered, the background color of the section, overlaying background text, font styling of the text, color, and border radius of the grid images in both desktop and mobile device screens.

Spacing

image

The spacing settings enable you to add spacing around the Two Column Grid as illustrated below

image

Blocks

Item

The Item block within the Two Column Grid enables you to add content such as the titles, images and text to your Grid.

Item Settings

image

Within the setting here, you can set your Grid image as well as overlay color on it.

Title

image

The title segment enables you to add the text to be rendered in your Grid item as well as add color styling and font styling such as he font size, font weight, and line height to it.

Button

image

The Button setting enables you to add the button text and set the button link. In addition, within the settings here, you can apply various styling to the Button such as color, background color, and border styling in both normal and hover states.

Collection Tab

Intro Collection Tab

image

The collection tab section renders a group of collections in a tabbed format, and their respective products in either in a Grid or Slider format.

Key Settings and Styling

General Settings

image

The General settings enable you to specify whether the collection tab is to be rendered as a Slider or Grid, enable the slide navigation and speed, as well as specify the background color to the collection tab.

Tab

image

Within the tab settings, here you can set your styling such as the font size, font weight, line height, color and border color to the tabs rendered.

Heading

image

Within the heading section, you can add your Heading text and set various stylings to it such as the font size, font weight, line height and color of the header.

Text

image

The text region enables you to add text above and below the header. You can also apply styling to the text such as font size, font weight, line height, and color of the text.

Navigation Text

image

The Navigation text region enables you to add your Navigation button text and set styling to it such as the font size, font weight, and line height.

In addition, you can also set the color of the button text, background color to the button, border color and border radius to the button in different states.

Scroll Item

image

With the Scroll item segment, here you can set the overlay color to the images, as well as a border radius.

Product Title

image

Within the Product Title section, here you can set up styling for your products titles such as the font size, font weight, line height and color.

Product Price

image

The product price segment enables you to specify styling to the product prices. You can alter the prices colors, font size, font weight and line height.

Product Variation

image

Within the Product variation segment, here you can set styling to the variations such as font size, font weight and color.

Cart Button

image

Within the Cart Button settings, here you can set the background color to the Add to cart button, border styling and color of the text in the button in normal and hover states.

Section Spacing

image

Adds padding to the Collection Tab section.

Blocks

Item

image

The Item block in this section enables you to set the collection that you need rendered.

Countdown Timer

Intro Countdown Timer

image

The Countdown Timer renders a countdown of for example a product promotion within your site.

Key Settings and Styling

General Settings

image

Within the Generall settings, you can set the background image to the Countdown Timer as well as as Background size, background positioning, background attachment behavior, and also specify whether the Background will be repeated or not.

Image

image

The Image section enables you to set an Image on the Countdown Timer.

Text

There are three Text regions within the Countdown Timer section.

image

The first Text segment enables you to set the Background Text, the second segment enables you to set the Heading text, and the third text segment enables you to set the text rendered below the header.

Within the Text segments you can also apply various styling to the text such as the font size, font weight, line height and color to the texts.

Timer

image

The Timer section enables you to set a Counterdown end date as well as set the message to be rendered once the countdown time elapses.

In addition, you can as well apply styling to the countdown such as the font size, font weight, line height and color.

Timer Title

image

The Timer Title segment enables you to apply styling to the Timer titles in terms of color, font size, font weight and line height.

Button

image

Within the Button segment, here you can set the text and link to the button rendered within the Countdown timer.

In addition, you can also apply various styling to the button and text within it such as the color, background color, border width, border radius, border type and border color in both normal and hover states.

Spacing

image

Within the Spacing segment, here you can set some padding to the Countdown timer on the page, within desktop and mobile device screens.

Brand Logos

Intro Brand Logos

image

The Brand logos section enables you to add other brand logos within your page.

Key Settings and Styling

Logo Settings

image

Within the Logo Setting segment, here you can set apply styling to your logo images such as the border type, border radius and border color under different states.

Spacing

image

The Spacing segment enables you to set top and bottom padding on the brand logos.

Blocks

Item

image

The Item Block in this section enables you to add logos to the section.

Featured Product

image

The Featured Product section enables you to display a product that you wish to highlight or feature within your store page in order to grab your customers’ attention.

Featured Product Settings

image

Within the Featured Product Settings, here you can specify the product that you wish to have featured as well as the background color to the whole section.

image

The Image settings enable you to set a border radius to the main image of the featured product.

image

The Featured Product Badge settings help in setting a background color to the badge rendered on the Featured product, border radius, and the color of the text rendered within the badge.

image

Within the section heading, here you can add your heading text as well as apply various styles to it such as the font size, font weight, line height and color of the text.

image

On the Section subheading region, here you can add your desired subheading text as well as apply various style adjustments to it in terms of font size, font weight, line height, and color of the text.

image

In the Section Description segment, here you can set the description to the Featured Product section and also apply various styling to it such as the font size, font weight, line height and color of the text within the region.

image

Adds padding to the Featured product on both desktop and mobile screens.

Title Price Description

The Title Price Description block renders the Title, Price and Description of the Featured product.

There are various settings present within this specific block. These include:

image

Within the Item setting here, you can set the border color of the border within the Title Price description.

image

The Title region enables you to apply styling aspects such as font size, font weight, Line Height, and color to the Featured Product title.

image

In the Text region, here you can apply styling aspects such as font size, font weight, Line Height, and color to the Featured Product description text.

image

The Price region enables you to apply styling to the Price of the featured Product. Various styling can be applied such as the font size, font weight, line height and color.

image

In the Cash On Delivery region, here you can apply various styling such as the color, font size, font weight, and line height to the Cach on Delivery text.

This block is used in rendering the variation details to the featured product.

There are various settings present within it. These Include:

image

Within this region, you can define various styles for the Quantity & Product Quantity text. SOme of these styling aspects include the font weight, font size, line height, and color of the text.

image

The Quantitly Label area provides options for you to adjust the font size, font weight, line height, and colors to the variants of the featured product.

image

Within this region, you can set a sizing guide text, enable/disable the display of the sizing guide as well as carry out various text styling adjustments to the text. Some of these adjustments include the font size, font weight, Line Height, and color.

image

There are various settings used in modifying the popup. These include:

image

Within this region, you can set the overlay color, Background color, and border radius to the Size Chart Popup.

image

The Close Icon settings are used in modifying the color and border color of the close icon within the popup.

image

Within the Heading area, you can set the Size Chart heading text, as well as applying various styling aspects to it such as the font size, line height, font weight, and color.

image

Within the Sub Heading region, here you can specify the text to be rendered as a sub-heading in the Size Chart, as well as the image.

In addition, you can set various styles to the subheading text such as the font size, font height, font weight, line height, and color.

image

In the Item settings, you can set a color to your sizing chart popup details.

image

The Size region enables you to set various size details for your featured product size chart.

image

Within the Width section, here you can add the Width details about the Featured product within the size chart.

image

The Length section enables you to add length values for your featured product within the size chart.

image

The Size/Width/Length Typo settings enable you to adjust the font size, font weight, line height and color of the Size, Width and Length texts.

image

The Size/Width/Length Item Typo settings enable you to adjust the font size, font weight, line height, and color of the values within the Size, Width and Length.

The Button Block adds two buttons to your Featured Product section. These are the “Add To Cart” and “Shop Now” buttons illustrated below:

image

The block includes various settings as outlined below:

image

The settings here enable you to set a background color to the first button, text color to the button, border width, border type, and border color under normal and hover states. You can also set the border radius to the button in the normal state.

image

The settings here enable you to set a background color to the second button, text color to the button, border width, border type, and border color under normal and hover states. You can also set the border radius to the button in the normal state.

image

The Product Detail block enables you to add product detail text and apply various styling aspects to it such as the color of the text, font size, font weight, and line height.

image

The Slide product Image settings enable you to set a border radius to the featured product slide images as well as adjust the brightness/opacity of the currently active slide image.

Collection Image

Intro Collection Image

image

The Collection Image section enables you to render a list of collections and upon hovering over a collection list item, the respective collection image is rendered.

Key Settings and Styling

Innerbox Setting

image

The settings here enable you to set a background color, border color, border radius and border type to the Innerbox holding the collections.

Title (Normal & Hover)

image

The Title settings enable you to apply various styles such as the font size, font weight, line height, and title color to the Collections Titles, under Normal and Hover states.

Product Count

image

Product count renders the number of products within the collection.

The Product Count Settings hence enable you to apply various settings to the count such as the font size, font weight, line height, and color.

Image

image

The Image settings enable you to set a border radius to your collection Image rendered upon hovering over the collection.

Spacing (Mobile & Desktop)

image

The Spacing setting helps in adding padding around the Collection Image section, both on desktop and mobile devices.

Blocks

Item

image

The Item block within this section enables you to add a collection to the Collection Image section.

Image With Text

Image With Text

image

The Image With Text section can be used to render details you wish to highlight about your store items. You can also add products to the section, of which will be displayed in Tooltips.

Key Settings and Styling

Heading

image

The Heading settings enable you to specify the section title as well as style it. Various styling aspects can be applied to the heading such as the font size, font weight, line height, and color.

Subheading

image

The Subheading settings enable you to add your desired text beneath the heading and apply styling to it. You can for example apply font size, font weight, line height, and color modifications to the text.

Description

image

Upon enabling the “Show Description” setting, you can proceed to add your desired description text to be rendered within the section. You may also carry out various styling adjustments to it such as font size, font weight, line height, and color adjustments.

Section Background

image

In the Section Background settings, here you can set a background image to the Image With Text Background, as well as define various background aspects such as the background size, background-position, background-attachment, and background-repeat.

Image

image

The Image setting enables you to set the Image that is to be rendered next to the text.

Button

image

In the Button settings, you can specify the text displayed on the button and set the link for the desired redirection.

In addition, you can also apply various styles to the button such as the background color, the color of text in the button, border width, border type, and border color under normal and hover states. You may as well set a border radius to the button in a normal state.

Dot

image

The Dots segment signifies the products that have been added to the Image With Text section. Upon clicking the dots, the respective products are rendered. A Ripple effect is also present within the dots.

There are various settings present in this segment that include:

Ripple Keyframes 0% Color: This is the color rendered when the Ripple effect is beginning or at a percentage around 0%.

image

Ripple Keyframes 100% Color: This is the color rendered at the completion of the ripple effect, or else at 100%.

image

Dot Normal & Dot Active

image

Within this segment, you can apply various styling aspects to the icon color within the dot, as well as the dot border color and background color in both Normal and Active states.

Tooltip Settings

image

Within the Tooltip settings, here you can set the border radius and background color to the Tooltip rendered upon clicking the Dot.

Tooltip Heading

image

Within the Tooltip Heading, here you can set various styling aspects to the Tooltip heading which is the product title. Some of the styles that can be applied include color of the heading, font size, font weight, and line height.

Tooltip Description

image

On the ToolTip Description, here you can apply various styling to the description text rendered within the ToolTip, which is the product description. Some of the styles that can be applied include color of the text, font size, font weight, and line height.

Tooltip Price

image

The Tooltip price represents the price of the product.

Within the Tooltip price segment, here you can apply various styling to the price such as setting the normal price color, the sale price color, font size, font weight, and line height.

Section Spacing (Desktop & Mobile)

image

The Section Spacing settings enable you to add padding to the Image With Text section.

Blocks

Item

image

The Item block enables you to add products within the Image With Text Section.

In addition, you can also adjust the Dot positioning within the section.

Shop The Look

Intro Shop The Look

image

The Shop The Look section renders products in a slide view and you may also add other descriptive content to the section.

Key Settings and Styling

Shop The Look

image

In the Shop The Look segment, here you can set a background color to the Shop The Look section.

Heading

image

Within the Heading segment, here you can specify your desired Heading text to the section. In addition, you can also style the heading with the help of the available styling aspects such as font size, font weight, line height, and color.

Subheading

image

In the Subheading region, here you can set your desired text to be rendered above the heading.

Various styling aspects can be applied to the Subheading such as the font size, font weight, line height, and color of the text.

Description

image

Within the Description segment, here you can add the text to be rendered beneath the header.

You can also apply styling to the text with the help of the font size, font weight, color, and line height settings.

Central Image

image

The Central Image settings enable you to set an image to be rendered within the Shop The Look section. You cna also set a border radius to the image.

Dot

image

The Dot Settings setting enable you to set a Ripple KeyFrame color at the beginning of the ripple and upon completion of the ripple effect.

image

In addition, you can also specify the border color and background color to the dot.

Small Images Settings

image

These settings mainly apply to the product images rendered within the section. The settings enable you to set a border radius on the images.

Navigation Line

image

The Navigation Line enables you to have a view of the currently active product in the slide show, as well as scroll through the products. Within it’s settings you can set the color to the navigation lines, under both Normal and Active states.

Image Title

image

The Image Title represents the product titles. Within the Image Title settings, you can apply various adjustments to the titles such as the font size, font weight, line height and color.

Price

image

The Price settings apply to the price of the products. Various styling adjustments can be applied to the price such as the font size, font weight, line height, and color.

Section Spacing

image

The Section Spacing settings enable you to add padding around the Shop the Look section.

Blocks

Slide

image

The Slide Block enables you to add products to the Shop the Look section. Within it, you can also set your desired dot positioning.

Image With Text Overlay

Intro Image With Text Overlay

image

The Image WIth Text Overlay section enables you to add content about your store, overlaying a background image.

Key Settings and Styling

Section Background

image

Within the Section Background settings, here you can set your desired background image as well as specify various styling properties to it such as the background size, position, attachment, Background repeat, border radius, and the Background overlay color.

Heading

image

In the Heading settings, here you can add your desired text to serve as the heading to the section as well as set its font size, fone height, line height, and color.

Subheading

image

The Subheading settings enable you to add your desired text to be rendered above the header, as well as set its font size, fone height, line height, and color.

Description

image

The Description setting enables you to add your desired text beneath the header. You can also apply various styling properties to it such as the font sixe, font weight, line height, and color to the description.

Button

image

Within the button settings, here you can add your desired button text to be rendered in the button as well as your desired button link.

In addition, the settings here also enable you to set your button background color, border width, border radius, border color, and color of the text in the button under Normal and Hover states for Desktop.

Button (Mobile)

image

The Button (Mobile) settings enable you set the button background color, border width, border radius, border color, and color of the text in the button under Normal and Hover states for mobile devices.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add spacing around the Image With Text Overlay section, both on desktop and mobile devices.

FAQ

Intro FAQ

image

The FAQ section enables you to add the Frequently asked questions within your store and answers to them.

Key Settings and Styling

Section Setting

image

Within the Section Setting, here you can set a background color to the FAQ section.

Jumbotron Settings

image

The Jumbotron settings enable you adjust styling aspects of the Jumbotron component such as as its border radius and Background color.

Heading

image

The Heading segment enables you to add your desired heading that will be rendered on the Jumbotron. You can also make several adjustments to it such as altering the font size, font weight, line height, and its color.

Subheading

image

Within the Subheading region, here you can add your desired subheading text that will be rendered above the header.

In addition, various style changes can be applied to the subheading, that include adjusting the font size, font weight, line height, and color of the subheading text.

Paragraph

image

The Paragraph segment enables you to add your desired text content to be rendered in the Jumbotron. In order for the text to be rendered, the option “Show Paragraph” needs to be enabled.

In addition, you can also make several adjustments to the text such as altering the font size, font weight, line height, and its color.

Team Image

image

The Team Image rendered within the section requires you to add the Team Members Image blocks to the section.

The Team Image settings thereby help in enabling the Team Members Image display or disabling the rendering. You can also set your desired border radius to the image(s) within the settings.

FAQ Contact Detail

image

Within the FAQ Contact Detail segment, here you can add your contact information and a brief contact message.

Additionally, you can customize various aspects of the contact details, including font size, font weight, line height, and color. You can also modify the email font size and color to suit your preferences.

General Settings

image

These settings allow you to define the border type, width, and color for the collapsible FAQ elements, as well as set a background color for the entire collapsible area.

Heading

image

The Heading settings enable to adjust the font size, font weight, line height and color of the FAQ headings.

Description

image

The Description settings enable to adjust the font size, font weight, line height and color of the FAQ description text.

Spacing Settings (Desktop & Mobile)

image

The Spacing settings allow you to add padding around the Faq section, on both desktop and mobile devices.

Blocks

The FAQ section includes two blocks. These are Heading/Description and Team Members Image.

Heading/Description

image

This block allows you to add an FAQ title and description, or else a question and its corresponding answer.

Team Member Image

image

The Team Member image block enables you to add your desired team member image that will be rendered in the FAQ section.

Testimonial

Intro Testimonial

image

The Testimonial section allows you to display a carousel of customer testimonials added using the Testimonial Item block.

Key Settings and Styling

Section Settings

image

Under the Section Settings segment, here you can set a border radius to the Testimonial section, both mobile and desktop.

Slideshow

image

Within the Slideshow settings, you can set up the following settings:

Show Slide Navigation: Allows you to toggle the display of slide navigation lines on or off.

Autoplay Slideshow: Allows you to enable/disable autoplay within the slideshow.

Slide Speed: Enables you to set your desired speed for the testimonials slideshow.

Navigation Line

image

Within the Navigation Line segment, here you can set the color to the navigation lines in both normal and active states.

Heading

image

The Heading segment enables you to set your desired header text to the Testimonial section. In addition, you can also carry out various styling adjustments to it such as altering its font size, font weight, line height, and color.

Subheading

image

The Subheading segment enables you to add your desired text that will be rendered beneath the Testimonial section heading. Additionally, you can make various styling adjustments, including modifying the font size, font weight, line height, and color.

Background Setting

image

The background setting enables you to set a background image to the Testimonial section, as well as add an image to the bottom left region of the section.

In addition, you can as well set various background image properties to the background image such as the Background size, background position, background attachment and background repeat.

General Settings

image

Within the General Settings, you can set a background color for the Testimonials, as well as customize the border by adjusting its width, radius, and color.

Description

image

In the Description settings, here you can set your desired font size, font weight, line height, and color to the Testimonials text.

Name

image

The Name settings enable you to set your desired styling aspects such as the font size, font weight, line height, and color to the Name rendered within the Testimonial.

Date

image

Within the Date settings, here you can set your desired font size, font weight, line height, and color to the Date rendered within the Testimonial.

Rating

image

In the Rating settings, you can set the fill color for the star ratings and also customize the default color of the stars in their normal state.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add padding around the Testimonial section, on both desktop and mobile devices.

Blocks

Testimonial Item

image

The Testimonial Item block enables you to add Testimonial content to the Testimonial section. Within it, you can add the Testimonial Description, the user’s name, the user’s image, the date, and the rating value.

Blog

Intro Blog

image

The Blog section enables you to add blog posts to your page.

Key Settings and Styling

General Settings

image

Within the General Settings, here you can set a background color to the Blog section as well as enable the date and author name display within the blog posts. Additionally, you can adjust the border radius of the blog post images.

Heading

image

The Heading segment enables you to set your desired header text to the blog section. You can as well customize the header text font size, font weight, line height, and color.

Subheading

image

The Subheading segment allows you to add custom subheading text to the blog section, which will appear above the header. You can also customize the header text font size, font weight, line height, and color.

Description

image

Within the Description settings, here you can add your desired text to the Blog section, which will appear beneath the header. You can also customize the description text font size, font weight, line height, and color.

Blog Title

image

The Blog Title settings enable you to adjust the font size, font weight, line height, and color of the blog post titles.

Date/Author

image

The Date/Author settings enable you to adjust the font size, font weight, line height, and color of the Date and Author rendered within the blog posts.

Spacing (Desktop & Mobile)

image

The Spacing Blog settings enable you to set padding around the Blog section on mobile and desktop device screens.

Blocks

Article

image

The article block enables you to set the blog post to be rendered within the Blog section.

Icon With Text

Icon With Text

image

The Icon with text section can be used to promote various features within your store such as Free shipping.

Key Settings and Styling

General Settings

image

Within the General Settings of the section, here you can set a background color to the Icon With Text section.

Grid Border

image

In the Grid Border settings, here you can specify the border color of the items within the Image With Text section in both normal and hover states, as well as specify the border style and border radius.

Heading

image

The Heading setting enables you to set various styling aspects to the heading of the Image with text items. These Styling aspects include the font size, font weight, line height and color of the text.

Subheading

image

In the Subheading settings, here you can adjust various styling aspects to the subheading text rendered beneath the heading in the Icon With Text section. These aspects include the font size, font weight, line height, and color of the text.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to set the padding around the Icon With Text section, on both desktop and mobile screen devices.

Blocks

Item

image

The Item block enables you to add various components to the Icon With Text block such as the logo, heading, and subheading.

Subscribe Popup

Intro Subscribe Popup

image

The subscribe popup section renders a popup that enables users to subscribe to your store by filling in their Email

Key Settings and Styling

Section Settings

image

Within the section setting, you can carry out various adjustments to the popup. These include:

Popup Delay: This is the period within which to render the subscribe popup.

Background Color: Here you can set the background color to the popup.

Overlay Color: In this field, you can specify the color overlaying the Subscribe popup.

Border Radius: The Border radius setting enables you to set a border radius around the subscribe popup.

Close Icon

image

The Close Icon settings enable you to set a color to the close icon as well as a border color to it.

Image

image

The Image setting enables you to add an image to your subscribe popup.

Heading

image

Within the Heading segment, here you can set the heading that you desire to be rendered in the popup as well as customize various styling aspects to it such as the font size, font weight, line height, and color of the text.

Subheading

image

The subheading segment enables you to add text to be rendered beneath the heading within the popup, as well as customize various styling aspects to it such as the font size, font weight, line height, and color of the text.

Input Label

image

The Input Label setting enables you to add your Email label to the popup. In addition, you can also carry out various styling adjustments to it such as the font size, font weight, line height, and color of the label.

Input Placeholder

image

The Input placeholder settings enable you to add your desired placeholder text to the value field, as well as alter its color. You can also make various adjustments to the field such as setting a border radius, border color, font size, font weight, line height, and color of the input value.

CTA Button

image

The CTA button settings enable you to adjust the subscribe button aspects such as the background color, the color of the text in the button, border with, border radius, border type, and border color in both normal and hover states.

Description

image

The Description section enables you to add text content within your popup description segment, and apply various styling aspects to it such as the font size, font weight, line height, and color of the text.

Footer

image

The footer section renders contents such as menus, newsletter subscription form, social details, within the footer region of your store.

Section Settings

image

Within the Section setting, here you can enable the border radius to the footer as well as specify your desired border radius value to be applied

image

The Logo settings enable you to add your store logo to the footer and make several adjustments to it in terms of alignment, and width.

image

The Menu List/Newsletters segment enables you to carry out adjustments to the menu list headings, menu list items, and the Newsletters message. Some of the adjustments that you can carry out involve altering the font size, font weight, line height, and color of the respective contents.

image

Within the Social Info segment, here you can enable/ disable the display of the socials that you have added within the global theme settings as well as specify their icon colors.

In addition, you can also carry out various styling aspects to the contact details rendered such as altering the font weight, font size, line height, and color of the text.

image

The Newsletter input segment enables you to carry out various adjustments to the newsletter input field such as set the border radius, border color, placeholder color, and the icon color.

In addition, you can also carry out adjustments to the input value such as altering its font size, font weight, line height, and color.

image

The Background settings enable you to set a background image to the footer and set various background properties to it such as the background size, background position, background attachment, and background repeat.

image

Within the Copyright bar settings, here you can specify whether to render the top copyright border, as well as specify the border width and border color.

image

The Currency settings enable you to specify whether or not to render the currency selector on the footer. If the currency is enabled, you can also set its color within the color field.

image

The spacing settings enable you to add padding around the footer section.

Social Info

image

Enables you to add contact details such as the address, email, and phone to the footer section as well as render the social icons for the social profiles added within the global theme settings.

image

The menu list block enables you to add a menu to the footer as well as add your desired heading to it.

image

The Newsletters block enables you to add your desired newsletter message, and heading, as well as provides an option to enable or disable the Newsletter display.

Best Sellers Slider

Best Sellers Slider

image

The Best Sellers Slider can be used to showcase the top-selling product images within a store.

Key Settings and Styling

General Settings

image

Within the General settings, here you can set the background color to the Best Sellers slider, enable or disable the autoplay slideshow within the slider, as well as set your desired slider speed for the Best Sellers slider.

Image Settings

image

The Image settings enable you to set a border radius for the Images rendered within the Best Sellers slider.

Navigation

image

The Navigation setting enables you to set a color to the navigation of the sliders in normal and active states. You can also set the line color to the navigation.

Content Styling

image

The Content Styling segment enables you to set the text for the Best Sellers Slider section as well as adjust various styling aspects to it such as the font size, font weight, line height, and color to the text.

Subheading

image

The Subheading segment enables you to add text content above the header and apply various styling to it such as the font size, font weight, line height, and color of the text.

Description

image

The Description setting enables you to add descriptive text to the Best Sellers Slider section as well as adjust its styling in terms of font size, font weight, line height, and color to the text.

Section Spacing(Desktop & Mobile)

image

The Spacing settings enable you to add padding around the Best Sellers slider.

Blocks

Item

image

The Item block within the section enables you to add image(s) to be rendered in the Best Sellers Slider.

Image Banner

Image Banner

image

The Image banner section enables you to add a background image to your page.

Key Settings and Styling

Section Settings

image

Within the section setting, here you can set an overlay color to the Image banner section, as well as a border radius to the section.

Background Setting

image

The Background setting enables you to set a background image as well as define various background properties to it such as the background size, background-position, background attachment, as well as background-repeat.

Section Setting (Desktop & Mobile)

image

The section setting enables you to add top and bottom spacing to the Image banner.

Video

Video

image

The Video section enables you to add a video of your preference to your page. This can either be a self-hosted video or a video hosted on an external platform.

Key Settings and Styling

Video Settings

image

The Video setting enables you to set a self-hosted video in the Video field, or an external video within the URL field.

Section Setting

image

The section setting enables you to set a background color to the Video section.

Spacing (Desktop & Mobile)

image

The spacing setting enables you to add padding to the Video section, both on desktop and mobile devices.

Contact Form

Contact Form

image

The Contact Form section enables you to add a form that customers can use to send questions or other messages, to the store owner.

Key Settings and Styling

Input

image

Within the Input settings, here you can set a border radius and border color to the form fields. In addition, you can set a border color to the form fields when a field is on focus.

Heading

image

The Heading segment enables you to add a heading to your contact form as well as apply various styling to it such as font size, font weight, line height, and color.

Subheading

image

The Subheading region enables you to set a subheading text to be rendered above the header, as well as apply various styling to it such as the font size, font weight, line height, and color.

Label Input

image

The Label Input segment enables you to adjust various styling to the labels within the form such as the font size, font weight, line height, and color.

CTA Button Settings

image

The CTA button settings enable you to set your desired text to the send button within the form. In addition, you can adjust various styling aspects to the button such as the background color, color, border width, border radius, border type, and border color in normal, and hover states.

Section Setting

image

Within the section setting, you can set a background color to the contact form section.

Spacing Setting

image

The Spacing settings enable you to add padding around the contact form.

Blog Post

Blog Post

image

The Blog Post section enables you to add blog post content to the default Blog post layout.

Blocks

Title/Featured Image

image

The Title/Featured Image block enables you to render the blog post title, and featured image, as well as display the blog post author, date, and number of comments within the post.

Various settings are available within the block.

Featured Image

image

The Featured Image settings enable you to add a border radius to the featured image.

Title

image

The Title section enables you to adjust the title styling such as the font size, font weight, line height, and color of the text.

Author Date Comment

image

The Author Date Comment enables you to adjust the styling to the author, date, and the comments text. Various adjustments can be made relating to the font size, font weight, line height, color, and background color to the text.

Padding (Desktop & Mobile)

The Padding settings enable you to add padding to the top and bottom of the title and featured image.

Content/Share

The Content/Share Block renders the blog post contents as well as share icons beneath the contents.

There are various settings available within this block that include:

Share

image

The Share settings enable you to toggle the share display.

Within the settings, you can also set the share text and adjust various styling aspects to it such as the font size, font weight, line height, and color.

The settings also include fields to add Facebook, Twitter, and Linkedin links, along with the option to toggle their display. You can also adjust the social icon colors from the Icon Color field, as well as their sizes from the font size field.

Background Color

image

The Background color setting enables you to set a background color to the blog post content and share region.

Spacing (Desktop & Mobile)

The Spacing settings enable you to add padding to the top and bottom of the content/share section within a blog post

Comment

image

The comment block enables users to submit comments within a blog post.

Various settings are present in this block:

Comment Setting

image

The Comment Setting enables you to set a background color to the Comments region.

Innerbox

image

In the Innerbox settings, here you can set a background color and border radius to the region that contains the comment form.

Input

image

The Input settings enable you to set a border radius to the comment fields, as well as specify a border color to it in normal and focus states.

Heading

image

The Heading setting enables you to set a heading to the Comment section as well as carry out styling adjustments to it such as the font size, font weight, line height, and color.

Subheading

image

Within the Subheading setting, here you can set your desired subheading text as well as set various styling to it such as the font size, font weight, line height, and color.

Label Input

image

The Label Input settings enable you to adjust various styling aspects to the comment form labels such as the font size, font weight, line height,and color.

CTA Button

image

The CTA Button settings enable you to set the text to be rendered on the comment form button, as well as set various styling aspects to the button such as the background color, color of the text, border width, border radius, border type, and border color to the button in normal and hover states.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to set a top and bottom padding to the comment form.

Related Blogs

image

The Related Blogs section enable you to add related posts to a blog post.

Section Settings

image

The Section settings enable you to set a background color to the Related Blogs section.

image

Within the Heading settings, here you can set your Related Blogs section heading as well as apply various font styling aspects to it such as the font size, font weight, line height, and color.

image

In the Subheading segment, here you can set your Related Blogs section subheading as well as apply various font styling aspects to it such as the font size, font weight, line height, and color.

image

The Blog segment enables you to set a border radius to the featured images of the blog posts within the Related Blogs section.

image

The Blog Title segment enables you to carry out styling adjustments to the blog post titles such as the font size, font weight, line height, and color.

image

Within the Date Author settings, here you can set various styling aspects to the date and author text rendered within the related blog posts.

image

The Spacing settings enable you to add padding around the Related blogs section, both in desktop and mobile devices.

Top Collection

Top Collection

image

The Top Collection segment can be used to illustrate the top collection products. The Top collection is set within the settings of the section.

Key Settings and Styling

Section Settings

image

Within the Section Settings, here you can set the top collection you intend to have its products rendered.

In addition, you can also set the background color to the Top Collection section as well as the top border radius to the section.

Heading

image

The Heading area enables you to set a Heading to the Top Collection section as well as carry out various styling adjustments to it such as the color, font size, font weight, and line height.

Subheading

image

The Subheading region enables you to specify your desired subheading text as well as customize its styling by altering the font size, font weight, line height, and color.

Image

image

The Image segment allows you to set a border radius to the product images rendered within the Top Collection.

Badge

image

The Badge region enables you to set a background color and border radius to badges on products within the collection, as well as a color to the text within the badges.

Title

image

Within the Title segment, here you can carry out adjustments to the various font aspects of the product titles in the top collection such as the font size, font weight, and line height. In addition, you can also make adjustments to the color of the product titles text.

Price

image

The Price region settings enable you to carry out styling adjustments to the prices rendered in terms of font size, font weight, and line height. In addition, you can also set the color to the active price as well as the markdown price.

Variation

image

Within the Variation settings, here you can make various adjustments to the variations such as the font size, font height, line height, and color to the variation text.

CTA Button

image

The CTA button settings enable you to set a background color border width, border radius, and border color to the CTA button, as well as a color to the text within the button, in both normal and hover states.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add padding to the top, bottom, right, and left of the Top Collection section.

Collapsible

Collapsible

image

The Collapsible section is used in rendering information that you wish to display in an accordion format. These can for example be answers to questions related to products within your store.

Key Settings and Styling

Section Settings

image

The Section settings enable you to set a background color to the Collapsible section.

Section Setting

image

Within the Heading settings, here you can set your desired heading text that is to be rendered within the Collapsible section.

In addition, you can carry out various styling adjustments to it such as the color to the text, font size, font weight, and line height adjustments.

Subheading

image

In the Subheding region, you can add your desired subheading to the text field, and also carry out various adjustments to the text such as the font size, font weight, line height, and color of the text within the region.

General Settings

image

The General settings enable you to set a background color to the Collapsible region, as well as set a border width and border color between the items within the Collapsible section.

Title

image

Within the Title settings, here you can carry out styling adjustments to the titles within the Collapsible items. These adjustments include the font size, font weight, line height, and color to the titles.

Content

image

The Content segment enables to carrying out of various styling changes to the text rendered within the collapsible items content area. Some of the adjustments that can be carried out include the font size, font weight, line height, and color to the text.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add some padding around the Collapsible section.

Blocks

Items

image

The Item block within this section enables you to add details such as the Header and contents of the items to be rendered within the Collapsible section.

Collection Page

Intro Collection Page

image

The Collection Page section enables you to render products within your collection as well as display a filter in it.

Key Settings and Styling

General Settings

image

The General Settings segment enables you to set a background color to the Collection page section and also allows you to set the number of products that are to be rendered within the collection.

Badge

image

The Badge settings enable you to add styling to the badges rendered on products within the collection. Styling adjustments that can be carried out include altering the color of text within the badge, background color to the badge, as well as the border-radius.

Cart Button(Normal & Hover)

image

The Cart Button settings enable you to carry out various customizations to the Add to cart button displayed in the products within the collection page. These customizations include altering the background color of the button, the color of the text within the button, border width, border type, and border color of the button, in both normal and hover states.

Product Image

image

Within the Product Image region, here you can set your desired border-radius to the product images rendered within the collection page.

Product Title

image

The Product Title segment enables you to carry out styling adjustments to the product titles of the products rendered within the collection page. These adjustments include the font size, line height, and color of the product titles.

Product Price

image

Within the Product Price segment, here you can carry out various changes to the price such as setting the desired font size, line height, and color of the price, as well as setting your desired offer price color.

Navigation Settings

image

Within the Navigation settings, here you can set the color of the pagination numbers for both normal and active states.

Bar Appearance

image

The bar appearance settings enable you to set a background color and border color to the top bar within the collection page.

More Filter And Product Count

image

The settings here enable you to adjust styling aspects of the additional filters such as the font size, and line height, as well as the product count color, and filter icon color.

Filter Setting

image

Within the Filter setting, here you can specify how you wish to have the filters within the collection page section to be rendered. Either as a sidebar or drawer appearance.

In addition, you can set your desired background color , border radius, and border color to filters region.

Filter Text Styles

image

The filter text styles enable you to add text to your Filter region as well as apply various styling aspects to it such as the font size, line height, and color.

Availability Text

image

The Availability Text settings enable you to apply various styling to the filters Heading texts. These stylings include the font size, line height, and color of the texts.

Title Item (checkbox)

image

The Title item settings enable you to carry out various styling adjustments to the title filters with checkboxes. There are various adjustments that can be made to these texts in terms of the font size, line height, and color to the text.

Product Type Text Show More

image

The settings here enab;e you to carry out changes to the styling of the Show More text within the filter. Various adjustments can be carried out here such as altering the font size, line height, and color of the text.

Price Navigation

image

Within the Price Navigation settings, here you can set the color of the Pricing slider in normal and active pricing ranges.

Price Button

image

The Price Button settings enable you to make adjustments to the border radius and border color of the fields with the price values and also the color the price values. In addition, you can also set a color to the line between the price values.

Spacing (Desktop & Mobile)

The spacing settings enable you to set padding around the Collection page section, both within desktop and mobile devices.

Collection Product Number

Intro Collection Product Number

image

The Collection Product Number renders collections, alongside the number of products within the collection.

Key Settings and Styling

Section Settings

image

Within the section settings, here you can set the background color to the Collection Product Number section, and border radius.

In addition, you can also enable or disable autoplay for the slideshow and customize the slide speed to suit your preference.

Heading

image

The Heading settings enable you to add your desired title to the Collection Product Numbers section. Additionally, you can carry out various styling adjustments to it in terms of the font size, font weight, line heights, and color of the text.

Subheading

image

Within the subheading region, here you can set your desired subheading text that will be rendered above the sections’heading. In addition, you can carry out various styling adjustments to it in terms of the font size, font weight, line heights, and color of the text.

Product Slider General Settings

image

Within the General Settings, here you can set the overlay color to be rendered on the images, as well as the border radius to the images.

Collection Title

image

The collection Title settings enable you carry out styling adjustments to the respective collection titles rendered within the section. These adjustments include the font size, font weight, line height, and color to the titles. Additionally, you can als set the icon colors next to the titles.

Collection Product Number

image

The Collection Product Number settings enable you to apply various styling to the products count numbers rendered within the respective collections in the section. These styling adjustments include the font size, font weight, line height, and color to the numbers.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add padding around the Collection Product Number section.

Blocks

Item

image

The Item Block within this section enables you to add collections in your store to the Collection Product Number section.

Essential Beauty Basics

Intro Essential Beauty Basics

image

The Essential Beauty Basics enable you to illustrate images in your store alongside your desired titles.

Key Settings & Styling

Essential Beauty Basics

image

Within the Essential Beauty Basics settings, here you can set a background color to the Essential Beauty Basics section.

Image

image

The Image settings enable you to set a border radius to the images rendered within the Essential Beauty Basics section.

Heading

image

The Heading segment enables you to adjust various styling aspects to the headings rendered within the Essentil Beauty Basics section. These aspects include the font size, font weight, line height, as well as the color of the Headings in both normal and active states.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add padding around the Essential Beauty Basics section on both desktop and mobile device screens.

Blocks

Item

image

The Item block within this section enables you to add the Headings and images to the Essential Beauty Basics section.

Email Signup Banner

Intro Email Signup Banner

image

The Email Signup Banner ection enables you to add an area to your store whereby users can submit their Emails for Email subscriptions.

Key Settings & Styling

Email signup banner

image

The Email Signup banner segment enables you to set a background image to the section, as well an overlay opacity. You can also toggle the background image display, set your desired banner height from the sizes provided, and the content position in desktop.

In addition, you can also set the content alignment in desktop, and also set whether to render the container on desktop or not.

Mobile Layout

image

The Mobile Layout settings enable you to set the Email Signup Banner content alignment within mobile devices.

In addition, you can also set whether to show content below image on mobile or not.

Blocks

Text

image

The Text block enables you to add the Heading text to the Email Signup Banner section.

Paragraph

image

Within the Paragraph block, here you can add your desired text to be rendered within the Email Signup Banner section, as well as set your desired text style rendering.

Email Form

image

The Email Form block adds an Email field that will be used to capture users Emails within the Email Sigup Banner section.

Brand Logos

Intro Brand Logos

image

The Fresh Face Sale section can be used to illustrate a sale video for example relating to a certain product, as well as render text content about it such as details about an offer.

Key Styles & Settings

Background Settings

image

The Background settings enable you to set a background color to the Fresh Face Sale section.

Innerbox

image

Within the Innerbox settings here you can specify the background color and border radius to the inner container.

Video

image

Within the video section, here you can add a self hosted video about the sale.

Offer Line Text

image

The Offer Line Text area enables you to add your desired offer line text, as well as carry ou various styling adjustments to it such as the font size, font weight, line height, and color of the text.

You can also set the speed in seconds that you wish to have the text rendered in.

Heading

image

The Heading region enables you to add your desired heading to the Fresh Face Sale section as well as apply various styling adjustments to it in terms of the font size, font weight, line height and color of the text.

Subheading

image

Within the Subheading region, here you can add your desired text to be rendered beneath the heading. You can also carry out various changes to the text in terms of the font size, font weight, line height and color of the text.

Description

image

The Descriptiuon section provides a field where you can add mode details about the sale. You can also carry out styling adjustments to the content added in terms of the font size, font weight, line height and color of the text.

CTA Button Settings

image

The CTA Button settings enable you to specify the text to be rendered on the CTA button within the section as well as a link to the button.

CTA Button (Normal & Hover)

image

The CTA button (Normal & Hover) sections enables you to customize the styling of the CTA button in terms of the color of the text in the button, as well as the background color, border width, border radius, border type, and border color to the button in both normal and hover states.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add padding to the Fresh Face Sale section.

Fun Fact

Intro Fun Fact

image

The Fun Fact section can be used to illustrate customer satisfactory scores.

Key Settings and Styling

Section Background Color

image

The Section Background color settings enable you to set a background color to the Fun Fact section.

Heading

image

Within the heading segment, here you can carry out styling changes to the heading texts within the Fun Fact section. Among these include the font size, font weight, line height, and color of the text.

Content

image

The Content segment enables you to apply styling to the text beneath the header in the Fun Fact section. You can carry out various changes to the content styling such as altering the font size, font weight, line height, and color of the text.

Number

image

The Number segment enables you to adjust the styling of the numbers rendered within the Fun Fact section. Among the styling changes include altering the font size, font weight, line height, and color to the color of the numbers.

Spacing (Desktop & Mobile)

image

The Spacing setting enable you to add padding around the Fun Fact section.

Blocks

Item

image

The Item block within this section enables you to add a heading, content, and the number of happy customer to the Fun Fact section.

List Collection

Intro List Collection

image

The List Collection section renders the collections within the site, and in each collection, the number of products within it is also rendered.

Key Settings and Styling

Collection Title

image

Within the Collection Title section, here you can carry out various adjustments to the respective Collection Titles rendered in the section, such as the font size, font weight, line height, and color of the titles.

Additionally, you can also set your preferred icon color of the icon next to the collection titles.

Collection Product Count

image

The Collection Product count segment enables you to apply styling to the number rendered within each of the collections. Among the styling changes that can be carried out on the number include the font size, font weight, line height, and the color.

Section Spacing

image

The Section Spacing settings enable you to add padding around the List Collection section.

Main Login

Intro Main Login

image

The Main Login section enables you to add a login section to the customer login.

Key Settings and Styling

Section Background Color

image

Within the Section Background Color section, here you cna set your desired background color to the Main Login section.

Image

image

Within the Image section, here you can set your desired image of which is to be rendered on the Main Login section. You can also set your desired border radius to the image.

Heading

image

The Heading segment enables you to set a header text to the Main Login section. You can also carry out various styling changes to the header text such as altering the font size, font weight, line height, and color of the header text.

Subheading

image

Within the Subheading segment, here you can add your desired text to appear beneath the header in the Main Login section.

Additionally, you can also carry out styling adjustments to the text by altering the font size, font weight, line height, and color to the subheading text.

Email/Password

image

The Email/Password segment enables you to set a label text to the Email and password fields, as well as set the Forget password, login and create a new account labels.

In addition, you can carry out styling adjustments to the Email and Password field labels in terms of the font size, font weight, line height, and color.

Input

image

The Input settings enable you custom the Email and password fields styling. These stylings include the border radius and border color in normal and active states, font size, font weight, line, and color of the input values.

Forgot Password

image

Within the Forgot Password settings, here carry out various adjustments such as altering the font size, font weight, line height, and color of the Forgot password text.

Button Sign In

image

The Button Sign In settings enable you to carry out adjustments such as altering the background color, border width, border radius, border type, and border color of the sign in button in both normal and hover states. You can also make adjustments to the color the text rendered within the button in both normal and hover states.

Button Create New Account

image

The Button Create New Account settings enable you to carry out adjustments such as altering the background color, border width, border radius, border type, and border color of the create new account button in both normal and hover states. You can also make adjustments to the color the text rendered within the button in both normal and hover states.

OR Text

image

Within the OR text settings, here you can carry out styling changes to the OR text such as changing its font size, font weight, line height and color. You can also adjust the color of the line surrounding it.

Popup

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add padding around the Main Login section on both desktop and mobile.

Account

Intro Account

image

The Account section helps in rendering information about the customer account, as well as any orders that may have been carried out by the customer.

Key Settings & Styling

Section Setting

image

Within the Section settings, here you can set a background color to the Account section.

Heading

image

In the Heading settings, here you can set your desired Heading text to the Account section. In addiiton, you can also carry out adjustments to the heading in terms of font size, font weight, line height, and color.

Logout

image

The Logout settings enable you to alter the logout text within the Account section as well as carry out changes to the text in terms of the font size, font weight, line height, and color.

Innerbox

Heading

image

Within the Heading region, here you can add your desired Heading text to the order history as well as carry out adjustments to the text in terms of the font size, font weight, line height, and color.

Subheading

image

In the Subheading region, here you can carry out adjustments to the “you haven’t Placed any orders yet” text rendered within the Order History area if no orders have been placed by the customer.

You can also alter the “you haven’t Placed any orders yet” text to that of your preference.

Additionally, you can carry out adjustments to the text in terms of the font size, font weight, line height, and color of the text.

Product Table

image

Within the Product Table region, here you can set a border radius and border color to the table rendering the order.

Product Head

image

The Product Head setting enables you to set a background color to the Product table header region.

Product Head Text

image

Within the Product Head Text region, here you can carry out adjustments to the texts rendered in the Product head region of the Account section. These adjustments include the font size, font weight, line height, and color of the texts.

Product Title

image

The Product Title region enables you to adjust the font size, font weight, line height, and color of the order titles rendered within the Account section.

Payment Status

image

The Payment Status region enables you to adjust the font size of the Payment Status.

Address Box

image

The Address Box settings enable you to set a border radius and border color to the Address box within the Account section.

Address Title

image

Within the Address Title region, here you can set a background color to the title section on the address box, as well as carry out various adjustments to the address title text such as altering the font size, font weight, line height, and color.

Name

image

The Name settings enable you to carry out various adjustments to the customer name. You can adjust the font size, font weight, line height, and color to the name.

Full Address

image

Within the Full Address settings, here you can carry out styling customizations to the address details rendered within the account section. Changes that can be carried out involve altering the font size, font weight, line height, and color to the text.

Button Edit (Normal & Hover)

image

The Button Edit settings enable you to customize the appearance of the Edit button within the Account section. You can alter the color of the text in the button, as well as the background color, border width, border radius, border type, and border color to the Edit button in both normal and hover states.

Button Remove (Normal & Hover)

image

The Button Remove settings enable you to customize the appearance of the Remove button within the Account section. You can alter the color of the text in the button, as well as the background color, border width, border radius, border type, and border color to the Remove button in both normal and hover states.

Edit Popup

image

The Edit popup settings enable you to set a background color and border radius on the popup rendered upon clicking the edit button.

Edit Address Text

image

Within the Edit Address Text region, here you can carry out changes to the rendering of the “Edit Adress” text in terms of the font size, font weight, line height, and color of the text.

Close Icon

image

The Close Icon settings enable you to set a a color to the the close icon as well as a border color.

Input/Select Label

image

The settings in the Input/select label region enable you to customize the rendering of values in the input fields. You can make adjustments to the font size, font weight, line height, and color of the field values.

Input

Button View Address (Normal & Hover state)

image

The Button View Address settings enable you to carry out adjustments to the View Address button such as the color of text within the button,as well as the background color, border width, border radius, border type, and border color in both normal and hover states.

Return to account page

image

The Return to Account Page settings enable you to alter the “Return to account page” text rendered within the popup, as well as carry out various styling adjustments to it such as altering the font size, font weight, line height, and color to the text.

Additionally, you can alter the border width, border radius, border type, and border color to the Update Address button in the popup, as well as the View Address button in the account details region.

Search Banner

Intro Search Banner

image

The Search Banner section helps in rendering the Search form within the search template.

Key Settings and Styling

Background

image

Within the Background settings, here you can set the image to be rendered as the background to the form, set its background size, background position, background attachment, and background repeat properties.

Additionally, you can set the overlay color to the section as well as a border radius.

Input

image

The Input settings enable you to customize the search form in terms of adjusting its border radius, background color, as well as the font size, font weightm line height, and color of the text values in it.

Icon

image

The Icon settings enable you to set a color to the search icon rendered within the form as well as a background color to the icon.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add padding to the Search form on both desktop and mobile devices.

Search Results

Intro Search Results

image

The Search Results section is used to render the result of a search query.

Key Settings and Styling

Tab Image

image

The Tab Image settings enable you to set an image to be rendered to the Product, Articles, and Pages tabs while active.

Tab Normal

image

The Tab Normal settings enable you to set a background color, border radius, and border color to the tabs within the Search Results section, that are in a normal state, or else not active.

Tab Active

image

Within the Tab Active settings, here you can set the overlay color and border color to the active tab within the Search Results section.

Tab Title

image

The Tab Title Settings enable you to adjust the styling of the titles rendered within the tabs of the Search Results section. Various changes can be applied to the titles such as adjusting the font size, font weight, line height, and the color under normal and active states.

Product Setting

Badge

image

If a search result returns a product item with a badge, the Badge settings enable you to apply styling to the badge in terms of altering its background color, border radius, as well as the color of the text within the badge.

Product Image

image

The Product Image settings enable you to set a border radius to the product images of the products rendered in the search results.

Product Title

image

Within the Product Title settings, here you can carry out adjustments to the titles of the products returned in the search result. These adjustments include altering the font size, line height, and color of the titles.

Product Price

image

The Product Price region enables you to adjust the rendering of the prices to the products returned in the search results. You can alter the font size, line height, normal price color, and offer color to the prices.

Bar Settings

image

The Bar settings enable you to adjust the background color and border color to the bar rendered above the search results.

More Filter and Product Count

image

Within the More Filter and Product Count settings, here you can set your desired fillter text, as well adjust the rendering of the product count in terms of font size, line height, and color, as well as the color of the filter icons to the right.

Filter Setting

image

The Filter settings enable you to set a background color, border radius, and border color to the filter region within the search results section.

Filter Text

image

Within the Filter Text settings, here you can set your desired Filter Text as well as carry out adjustments to it such as altering its font size, line height, and color.

Title Text

image

The Title Text settings enable you to adjust the font size, line height, and color of the titles rendered within the filters panel.

Title Item (Checkbox)

image

The Title Item (Checkbox) settings enable you to make adjustments to the titles with checkbox options within the filter panel. You cna adjust the font size, line height, and color to these titles.

Item Show More

image

Within the Item Show More settings, here you can make adjustments to the font size, line height, and color of the ‘Show More’ link within the Filter panel.

Color Item

image

If the products returned in the search have set color values, it is possible to filter such products using color.

The Color Item settings enable you to set a border color to the color filters in both normal and active state.

Price Navigation

image

The Price Navigation settings enable you to set a normal color and also an active color representing the active price range within the pricing range slider.

Price Button

image

Within the Price Button settings, here you can set the border radius and border color to the pricing input buttons within the filter panel, as well as set a line color to the line separator between the two buttons.

Articles

Image

image

The Image setting within articles enable you set a border radius to the images of the articles in the Search Reasults.

Title

image

Within the Title settings, here you can carry out adjustments to the font size, line height, and color of the article titles in the search results

Author/Date

image

The Author/Date settings enable you make adjustments to the article author name and publishing date rendered within the articles in the search results. You can make alterations to the font size, line height, and color of the items.

Pages

Box

image

If pages are returned in the search results, the box settings enable you to set a background color and border radius to the box holding each of the pages.

Title

image

The Title settings enable you to alter the rendering of the page titles in the Search results. You can alter the font size, line height, and color of the titles.

Title Sub Text

image

Within the Title Sub Text settings, here you can carry out adjustments to the font size, line height, and color of the subtext rendered beneath the page title.

404

Image

image

If there are no results returned from a search query, a 404 image is rendered. Within the Image settings, you can hence set your desired 404 image.

Title

image

The Title settings enable you to modify the “No Result Found” text, as well as carry out styling changes to it in terms of the font size, line height, and color.

Sub Title

image

Within the Subtitle settings, here you can modify the subtitle text rendered on the search results section and also carry out various styling customizations to it in terms of the font size, line height, and color of the text.

Navigation

image

The Navigation settings enable you to make adjustments to the normal and active color of the pagination numbers rendered beneath the search results.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add some padding to the Search Results section within both Desktop and mobile devices.

Main 404

Intro Main 404

image

The Main 404 renders the contents of the 404 template

Key Settings & Styling

Background Color

image

The Background color settings enable you to set a background color to the Main 404 section.

Image Page Not Found

image

Within the Image Page Not Found settings, here you cna set your desired 404 image to be rendered within the section.

Box Image

image

The Box Image settings enable you to set the image on the right section of the Main 404, as well as define its border radius.

Heading

image

Within the Heading settings, here you can modify the Heading text rendered in the Main 404 section, as well as the font size, font weight, line height, and color to the text.

Subheading

image

The Subheading settings enable you to modify the subheader text rendered in the Main 404 section, as well as the font size, font weight, line height, and color to the text.

Button (Normal & Hover)

image

Within the Button settings, here you can make adjustments to the color of the text within the button, the button background color, border width, border radius, border type, and border color in normal and hover states.

Spacing (Desktop & Mobile)

image

The spacing settings enable you to add padding around the Main 404 section on both desktop and mobile.

Gift Card

Intro Gift Card

image

The Gift Card section enables you to render a Gift Card that you have setup within your store, for future purchase from your store.

Key Settings & Styling

Section Background

image

Within the Section Background Color, here you can set your desired background color to the Gift Card section.

Gift Card Image

image

Within the Gift Card Image section, here you can set your desired image for the Gift Card.

Choose Primary Logo

image

Here you can set a logo image to be rendered above the Gift Card Image

Logo Width (Desktop)

image

The Setting here enable you to set your desired width for the Primary logo within Desktop device screens.

Box Background

image

The Box Background setting enables you to set a background color to the Gift Card inner box.

Amount Text

image

Enables you to modify the color of the amount text.

First Button (Normal & Hover State)

image

The First Button settings enable you to modify the color of the text in the first button within the Gift Card, background color, border width, border radius, border type, and border color to the first button, in both normal and hover states.

Second Button (Normal & Hover State)

image

The Second Button settings enable you to modify the color of the text in the second button within the Gift Card, background color, border width, border radius, border type, and border color to the second button, in both normal and hover states.

Featured Collection

image

The Featured Collection section can be used to illustrate a collection of your preference within your page.

Section Spacing

image

Within the Section Spacing settings, here you can set the collection that you desire to have displayed as well as a background color to the Featured Collection section.

image

The Slideshow settings enable you to set a border radius and overlay color to the product images of the collection, as well as specify the slider speed and whether the slide navigation arrows are to be rendered.

image

The Slider Navigation settings enable you to alter the navigation text as well as adjust its styling in terms of font size, font weight, line height, and color.

image

In a case whereby one of the products in a collection has a badge on it, the Normal badge settings can be used to alter its background color, border radius, and text color.

image

The Quick View badge settings enable you to alter the quick view icon color and background color within the collection’s products.

image

Within the Product Title settings, here you can carry out styling adjustments to the titles of the respective products in the collection. These adjustments include the font size, font weight, line height, and color.

image

Within the Product price settings, can carry out styling adjustments to the products prices in terms of the font size, font weight, line height, color, and the offer price color.

image

The Product Variation settings enable you to carry out adjustments to the variations rendered within the products in terms of color and the font size.

image

Within the button settings, here you customize the styling of the Add to Cart button rendered within the products in terms of the text color within the button, background color, border width, border radius, border type, and border color of the button in both normal and hover states.

image

The Heading settings enabled you to alter the Heading text to the Featured Collection as well as the font size, font weight, line height, and color to the text.

image

The Text region enables you to add your own desired text to appear beneath the Featured Collection heading, as well as alter its font size, font weight, line height and color.

image

The Quick View Popup settings allow you to enable the Quick View popup display as well as adjust the overlay color, background color, and border radius.

image

The Close Icon settings enable you to set an icon color and icon border color to the close icon within the quick view popup.

image

Within the Image Slider settings, here you can set a border radius to the Image slider within the Quick view popup.

image

Here, you can set the color of the navigation icon, as well as the normal border color, normal background color, hover border color, and hover background color.

image

The Image Item Slider settings enable you to add a border radius to the Slider Image items, as well as set an opacity to the active image item.

image

The Product Title settings enable you to adjust the font size, font weight, line height, and color to the product titles in the quick view popup.

image

Within the Product Price settings, here you can make adjustments to the font size, font weight, line height, normal and active colors to the product prices rendered within the quick view popup.

image

In the Cash on Delivery settings, here you can make adjustments to the Cash On Delivery text rendered within the Quick view popup in terms of the font size, font weight, line height, color, and border color.

image

The Product Description enables you to make adjustments to the product description within the quick view popup in terms of the font size, font weight, line height, and color.

image

The Product Countdown text enables you carry out alterations to the Heading text above the countdown.

image

Within the section here, you can make adjustments to the Countdown Heading/Variants Headings, and Quantity headings in terms of the font size, font weight, line height, and color.

image

Within the Timer settings, here you can set the date which you wish to have the countdown ending, as well as the text to be rendered once it ends.

In addition, you can also customize the display of the timer in terms of adjusting its font size, font weight, line height, color, and line color between the timer digits.

image

Within the Timer Title settings, here you can make adjustments to the titles of the timer in terms of the font size, font weight, line height, and color.

image

The Product Variant settings enable you make adjustments to the variants in terms of the font size, font weight, line height, and color.

image

Within the Product QUantity settings, here you can adjust the quantity color and border to the quantity increment button.

image

The Add to Cart Button settings enable you to alter the Add to Cart button text, as well as carry out styling adjustments to it in terms of its background color, text color, border width, border radius, border type, and border color in different states (Normal & Hover).

image

The Buy Now Button Button settings enable you to alter the Buy Now button text, as well as carry out styling adjustments to it in terms of its background color, text color, border width, border radius, border type, and border color in different states (Normal & Hover).

image

Within the Product View All Product settings, here you alter the default View all product text to that of your preference, as well as adjust the font size, font weight, line height, and color to the text.

image

The Spacing settings enable you to add padding to the Featured Collection section in both desktop and mobile devices.

Team

Intro Team

image

The Team section enables you to illustrate information about your store clients.

Key Settings & Styling

General Settings

image

The General Settings enable you to set a background color to the Team section as well as enable Autoplay within the image slideshow, and set your desired slide speed.

Content Styling

image

The Content Stylingsettings enable you to set your desired Team content text as well as adjust various styling aspects to it such as the font size, font weight, line height, and color.

Description

image

Within the Description settings, here you can alter the default Team description text as well as adjust its styling in terms of the font size, font weight, line height, normal, and active color.

Customize Team Image

image

Within the Customize Team Image settings, here you can set the border radius to the team images or rather client images.

Image Hover Title

image

The Image Hover Title settings enables you make adjustments to the font size, font weight, line height, and color of the team image title or rather the client name rendered upon hovering over the image.

Image Hover Description

image

The Image Hover Hover Description settings enables you make adjustments to the font size, font weight, line height, and color of the team image description or rather the client role rendered upon hovering over the image.

Spacing (Desktop & Mobile)

image

Within the Spacing settings, here you can add padding to the Team section on both desktop and mobile device screens.

Blocks

Item

The Item block enables you add Client details that are to appear in the Team section.

image

Within the Item settings, here you can set the client details such as the client image, client name, and client role.

Rich Text

Intro Rich Text

image

The RIch Text section enables you to add formatted content to your store.

Key Settings & Styling

Section Background Color

image

The setting here enables you to set a background color to the Rich Text section.

Heading

image

The Heading settings enable you to add your desired Rich Text header text as well as apply various styling adjustments to it in terms of the font size, font weight, line height, and color.

Subheading

image

Within the Subheading settings, here you can add formatted content that is to be rendered as the subheading of the Rich Text section. You can as well apply your desired styling to the content in terms of the font size, font weight, line height, and color.

Grid

image

The Grid settings enable you to set a border color to the Grid items in the Rich Text section, under normal and hover states, as well as the border style and border radius.

Heading Grid

image

Within the Heading Grid settings, here you can carry out adjustments to the Rich Text Items headings by altering their font size, font weight, line height, and color.

Subheading Grid

image

The Subheading settings enable you carry out adjustments to the Rich Text Items subheading text in terms of the font size, font weight, line height, and color.

Spacing (Desktop & Mobile)

image

The Spacing settings enable you to add padding to the Rich Text section in both desktop and mobile device screens.

Blocks

Item

image

The Item block within the Rich Text section enables you to add a logo image, heading, and subheading to a Rich Text item.

Related Product

image

The Related Product section is added to products template to render and automatically generated list of products similar to the one in view.

image

The Product Information section is used in product templates to render details about a product.

General Settings

image

Within the General settings, here you cna set the background color to the product information section.

image

The Image Settings enable you to set a border radius to the product images.

image

Within the Content Setting, her eyou can set a border radius and border color to the border rendered around the Product Information content area.

image

The Spacing settings enable you add padding to the Product Information section within both desktop and mobile devices.

Title/Price

This block helps in adjusting the styling of the product title and product price within the Product Information section.

image

Within the Title settings, here you can adjust various product title aspects such as the font size, font weight, liene height, and color.

image

Within the Price settings, here you can adjust various product price aspects such as the font size, font weight, liene height, normal price color and active price color.

image

The Cash On Delivery settings enable you carry out adjusttements to the Cash on delivery text in terms of the font size, font weight, line height, and color of the text.

image

The Description block renders the products’description the description is added in the product.

Within its settings, you can adjust the font size, font weight, line height, and color of the description text.

CountDown Timer

image

Within the Countdown Timer settings, here you can set your desired end date for the countdown timer as well as the message to be rendered once the countdown period expires.

image

In the CountDown Text region, here you can set your desired Countdown text to be rendered above the countdown, as well as set various styling aspects to it such as the font size, font weight, line height, and color to the text.

image

Within the Countdown Number region, here you can carry out adjustments to the countdown number in terms of the font size, font weight, line height, color and also the line color between the numbers.

image

The Countdown Number Title settings enable you to carry out adjustments to the countdown time titles in terms of the font size, font weight, line height, and color of the titles.

Variants Title

image

The Title settings enable you carry out adjustments to the Quantity label in terms of the font size, font weight, line height, and color.

image

Within the Quantity Title settings, here you can carry out adjustments to the font size, font weight, line height, and color of the quantity values titles.

image

The Size Chart setting enable you to enable or disable the Size Chart display within the products.

image

Within the Size Guide Text settings, here you can set your desired Size Guide text, as well as carry out styling adjustments to it such as altering its font size, font weight, line height, and color.

image

Within the SIze Chart Popup settings, here you can set the overlay color to the size chart popup as well as the background color and border radius to the Size Chart.

image

The Close Icon settings enable you to set a color to the close icon within the the Size Chart, as well as a border color to it.

image

Within the Heading settings, here you can set your desired heading text for the Size Chart, as well as carry out adjustments to it such as altering its font size, font weight, line height, and color.

image

The Subheading settings enable you to set your desired subheader text and also customize its styling in terms of font size, font weight, line height, and color. In addition, you can also set the image to be rendered beneath the subheading text.

image

Within the Item settings, here you can set the border color to the sizes and dimensions within the Size chart.

image

Within the Size settings, here you can set your desired Sizing text to be rendered within the Sizing guide as well as the various sizing values that you desire to have in place.

image

In the Dimensions settings, here you can set your desired Length and Width values for the different sizes in the Size Chart.

image

Within the settings here, you can alter the font size, font weight, line height, and color of the Size, Width, and Length labels within the Size Chart.

image

In the settings here, you can carry out adjustments to the Size Chart values in terms of the font size, font weight, line height, and color.

PRODUCT QUANTITY

image

Within the Product Quantity region, here you can carry out customizations such as altering the border radius, border color to the quantity increment input button, as well as the quantity color.

image

The Title settings enable you to carry out adjustments such as altering the font size, font weight, line height, and color to the Product Quantity text.

CTA Button Settings

image

Within the settings here, you can set your desired text for the Add to cart button as well as set your desired styling to the button in terms of the background color, color of text in the button, border width, border radius, border type, and border color in both normal and hover states.

image

In the Buy Now button settings, here you can set your desired text for the Buy Now button as well as set your desired styling to the button in terms of the background color, color of the text in it, border width, border radius, border type, and border color, in both normal and hover states.

Share Icon

image

The Share Icon settings enable you to define a color to the Share icons at the button of the section.

image

The View All Product Text enables you to alter the default View All product text, as well as set the URL you wish to be hyperlinked to it.

image

The Need Help Text settings enable you to alter the default Need Help Text as well as set the Hyperlink URL that you desire to it.

image

Within the Typography settings, here you can carry out adjustments to the “View All Product” and “Need Help?” text in terms of the font size. Font weight, line height, and color of the text.

Product Detail Faq

Intro Product Detail Faq

image

The Product Detail Faq section is used in rendering details about a product and frequently asked questions.

Section Settings

image

The Section Settings enable you to set a background color to the Product Detail Faq section.

Accordion Border Color

image

In the Accordion Border Color section, here you can set your desired border color to the accordion items.

Heading

image

Within the Heading section here, you can carry out changes to the Item headings such as altering the font size, font weight, line height, and color to the headings.

Description

image

The Description settings enable you to carry out adjustments to the section description texts in the respective accordions.

Spacing (Desktop & Mobile)

image

Within the spacing settings, here you can set your desired padding to the Product Detail FAq section in both desktop and mobile devices.

Blocks

Item

image

The Item block within the section enable you to add the heading and description contents to be rendered within the Product Detail Faq section.

Page

Intro Page

image

The Page section is used in pages to render the contents of the About Us Page.

Key Settings & Styling

Section Background Color

image

Within the Section Background color settings, here you can set a background color to the Reset Password section.

Image

image

The Image settings enable you to set an image to be rendered beneath the reset password form as well as set a border radius to the image.

Heading

image

The Heading settings enable you to alter the default Reset Password Heading within the section. In addition, you can carry out styling customizations to it in terms of the font size, font weight, line height, and color of the text.

Subheading

image

Within the Subheading settings, here you can alter the subheading text to the reset password section as well as carry out adjustments to it in terms of the font size, font weight, line height, and color of the text.

Input Label

image

Within the Input Label settings, here you can change the default label texts of the fields within the Reset Password form. In addition you cna carry out styling adjustments to the labels in terms of the font size, font weight, line height, and color.

Input

image

Within the Input settings, here you can set the normal border radius, border radius on focus normal border color, and active border color to the input fields in the Reset Password form.

Button Reset

image

The Button Reset settings enable you to set a background color, border width, border radius, border type, text color in the button, and border color to the reset password button in normal and hover states.

Back To Login

image

The Back to login settings enable you to carry out adjustments to the Back to Login hyperlink within the Reset Password section. Here you can carry out adjustments such as altering the font size, font weight, line height, and color to the hyperlink.

Our Values

Intro Our Values

image

The Our Values section can be used to point out the business values and highlight at least two collections.

Key Settings & Styling

Section Background Color

image

Within the Section Background color settings, here you can set the background color to the Our Values section.

Collection

image

The Collection settings enable you to specify two collections within the section, as well as adjust the border radius and overlay color to the collections.

Collection Title

image

Within the Collection Title settings, here you can make adjustments to the Collection Title in terms of the font size, font weight, line height, color, and also the color of the icon next to the title.

Heading

image

The Heading settings enable you to set your desired heading to the section as well as carry out adjustments to it in terms of the font size, font weight, line height, and color.

Subheading

image

The Subheading settings enable you set your desired subheading text as well as make adjustments to it in terms of the font size, font weight, line height, and color.

Description 1 & Description 2

image

Within the Description settings, here you can add your desired Descriptions and also carry out styling adjustments to them in terms of the font size, font weight, line height, and color.

CTA Button

image

Within the CTA Button settings, here you can set your desired text to be rendered within the button as well as a link for the button.

In addition, you can set the color of the text within the button, as well as the background color of the button, border width, border radius, border type, and border color under normal and hover states.

Spacing

image

Within the Spacing settings, here you can set your desired padding to the Our Values section in both desktop and mobile devices.

Our History

Our History

image

In the Our History section, here you can add any relevant historical information about your store.

Key Settings & Styling

Section Background Color

image

The Section Background Color settings enable you to set a background color to the Our History section.

Image

image

The Image settings enable you to add a border radius to the image set within the Our History Item block.

Item Heading

image

The Item Heading settings enable you to adjust the font size, font weight, line height and color to the Item Headings within the section.

Item Content

image

Within the Item Content settings, here you can make adjustments to the description content text of the Our History items, in terms of the font size, font weight, line height, and color

Item Navigation

image

Within the Item Navigation settings, here you can set the Navigation color of the Our History items under normal and active states.

Item Number

image

The Item Number settings enable you to make adjustments to Navigation Text number in terms of the font size, font weight, line height, and color.

Heading

image

Within the Heading settings, here you can set your desired header text to the section as well as carry out styling changes to it in terms of the font size, font weight, line height, and color.

Subheading

image

In the Subheading settings, here you can set your desired subheader text to the section. In addition, you can adjust its styling in terms of the font size, font weight, line height, and color.

Spacing

image

The Spacing settings enable you to add padding to the “Our History” section in both desktop and mobile devices.

Blocks

Item

image

The Item block within the section enables you to add contents to the Our History section such as the Image, heading, contents and your desired navigation text.

You add multiple items to the section using different item blocks.

Map

Intro Map

image

The Map section can be used to display your Store location based on the latitude and longitude values that you set within its settings.

Key Settings & Styling

Map Setting

image

Within the Map settings, here you can set your Google API API key, longitude and latitude values to your desired location, as well as set a border radius to the map.

In order to setup a Google API key, you can check out the guide here on how to go about this:

Register a Google Maps API key .

Spacing

image

The Spacing settings enable you to add padding to the Map section in both desktop and mobile devices.

Blog Posts

Intro Blog Posts

image

The Blog Posts section is used to render blog posts within your store.

Key Settings & Styling

Background

image

Within the Background settings, here you can set the background color to the Blog Posts section.

Feature Blog

image

The Feature Blog settings enable you to set an overlay to the Featured blog post as well set the border radius to the blog post image.

Title

image

Within the Title settings, here you can make changes to the Featured Blog post title in terms of the font size, font weight, line height, and color.

Date Author

image

The Date Author settings enable you carry out adjustments to the date and author contents of the featured blog post. You can carry out changes such as adjusting their font size, font weight, line height, and color.

Single Blog

image

Within the Single Blog settings, here you can set a background overlay and border radius to the rendered single blog post.

Title

image

The Title settings enable you to adjust the font size, font weight, line height and color to the post title of the Single blog post.

Date Author

image

Within the Date Author settings, here you can carry out changes to the date and author name of the single blog post in terms of the font size, font weight, line height, and color.

Blog

image

The Blog settings enable you to adjust the border radius to the blog posts images.