✨Featured product
This section is to add your featured product. You can highlight any best-selling product using this section.
Configure the featured product
Select the customize theme option. Click on the dropdown menu at the top of the page to select the Home page template.
From the left side menu, select Featured product.
Customize the section by utilizing the settings on the right side of the theme editor, as described below:
General
Section visibility Select from the options to select the visibility of this section: -Always -Small (On selecting this, the section will be visible on mobile devices only.) -Large (On selecting this, the section will be visible on large devices only.) Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Background Choose the section background from below options: - Solid - Gradient Container width Choose the container width from below options: - Small - Standard - Wide - Edge Card radius Adjust the range bar to determine the card's radius. (Note: Radius is automatically optimized for mobile.)
Section spacing
Choose from Choose spacing for: - Desktop - Mobile Desktop: Top spacing Adjust the range bar to add spacing at the top of the section for desktop view.
Desktop: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for desktop view.
Mobile: Top spacing Adjust the range bar to add spacing at the top of the section for mobile view.
Mobile: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for mobile view.
Product
Product Choose any product from the store. Aspect ratio Choose the images ratio from below options: - Adapt to image - Adapt to first image - Square - Portrait - Portrait slim - Landscape Enable zoom Select this checkbox to show the zoom on product. Enable video autoplay Select this checkbox to enable the autoplay of product videos. Enable video looping Select this checkbox to enable the loop of product videos.
Desktop layout
Media width Choose the media width from below options: - Small - Medium - Large Thumbnail position Choose the position of thumbnails from: - Overlay horizontal - Left side - Overlay vertical - None
Mobile layout
Thumbnails visibility Choose the visibility of thumbnails from: - Hide thumbnails - Show thumbnails
Block settings
Title
This block shows the product title. Heading size Select the font size from the following options: - Heading XL - Heading L - Heading M - Heading S - Heading XS - Heading XXS
Price
This block shows the product price. Show taxes and shipping information Select this checkbox to show the taxes information. Font size Select the font size from the following options: - Heading M - Heading S - Heading XS - Heading XXS Font weight Select the font weight from the following options: - Body font - Body font bolder - Heading font - Heading font bolder
SKU
This block shows the product's SKU value.
Description
This block shows the product description. Description size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small
Variant picker
This block showcases the variants list. Picker type Select from the following options to determine the variant picker type: - Dropdown - Button Color swatch option Shape Choose the shape from below options: - Sharp - Rounded - Circle - None Variants: Other options (Note: The below settings apply to the product options except the color options.) Shape Choose the appearance shape from below options: - Sharp - Rounded Button/Swatch options Size Choose the size from the following options: - Small - Medium - Large Size chart Enable size chart Select this checkbox to show the size chart. Option name Enter the option name that holds the size. E.g.: Size, Taille, etc. Heading Enter the size chart label. Size chart opens on click of this label. Page Choose any page to show as a size guide.
Quantity selector
This block shows the quantity selector. Choose the shape from sharp or rounded.
Payment installments
This block is to show the Shop pay's installments information.
Buy buttons
This block is to show the Add to cart button along with below settings: Show dynamic checkout button Select the checkbox to show the dynamic checkout button.
Custom liquid
You can add custom liquid codes for advanced customization, like app snippets.
Pickup availability
This block is to show availability in retail stores by setting up the local pickup.
Inventory status bar
Low inventory threshold Adjust the range bar to set the low stock limit. If a product has 11 units in stock and the threshold is set to 10, it will display "In Stock." If the threshold is set to 15, it will display "Low stock." Set the threshold to 0 to always show "In Stock." Show inventory count Select this checkbox to show the stock count.
Text
Enter the custom text. Text size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small
Collapsible row
Heading Enter any heading. Content Enter the custom content/description. It supports dynamic content as well. Page content Choose any page to show its content. Open collapsible row Select this checkbox to show this tab opened by default.
Icon with text
Layout Text font size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small Font Choose the text font family from the following options:
- Heading - Body - Highlight (Note: These fonts can be changed in theme settings>typography.) Content 1-3 Choose from Choose the option to determine the icon from below options: - Icon list - Custom icon List Choose any icon from the list of icons. Custom icon Choose any image for the icon. Text Enter the text for icon.
Separator
This block adds the border between blocks.
Payment icons
This block shows the payment icons. These icons can be setup from the Shopify payments under the Store settings.
Last updated