Feature product
Feature product:
Feature product displays a particular product in an individual section. The feature product is a section that gives you the ability to showcase a single product from your shop.
How to set up Feature product section?
- Go to “Customize Theme.”
- At the top of the page, click on the dropdown to select the Home page template.
- From the left side menu, select "Feature product"
- Customize this section using the settings shown in the following table.
Customize section settings:
| Settings | Description |
| Product | The product that you want to feature in the section. |
| Enable Stick product info on scroll | When scrolling down a page, the product information column doesn’t begin scrolling until all images have been scrolled through. |
| Media width |
The width of the media/images on desktop.Choose between Small, Medium (default) and Large. Note - Media will be full width on mobile. |
| Image ratio |
The Image ratio for the product images:
|
| Enable Container | Constrain the section’s width inside a content container. |
| Media Alignment | Set product media position: left (row) or right (row reverse). |
| Color scheme | A set of colors that you can apply to this section. |
| Slideshow settings | Only applies if gallery view has selected. |
| Show next/previous arrows |
Select this checkbox to enable/disable the “Show next/previous arrows” option in the slider. Note - Arrows will be visible only on desktop. |
| Slide Navigation style |
The style of the slideshow navigation that appears below the image.
|
| Section spacing | Add space to the top or bottom of the block. Use the range slider to add between 0px and 100px of space to the top or the bottom of your block. |
Customize block settings:
It has the following types of blocks.
| Settings | Description |
| Text | Enter additional text to display.To display dynamic data like product Title or Vendor, select the Insert dynamic source icon shown next to the Text box and select any metafield to add there. |
| Title |
Displays the product’s title. There are no customization block settings available for this. Title size: The size of the Tittle.
Block spacing: Add space to the top or bottom of the block. Use the range slider to add between 0px and 100px of space to the top or the bottom of your block. |
| Statistics bar Settings | Customize this section by using the settings on the right side of the theme editor, as described in the following table. |
| Show discount | Select this checkbox to show/hide the discount of the product. |
| Show product rating | It displays customer review and ratings. These reviews can be included by adding the Product reviews app. |
| Enable compare | The compare button allows the customers to add an item to the comparison list which will be in a pop-up when users click the compare button. |
| Enable share | Select this checkbox to show/hide the share button of the product. |
| Description |
Displays the product description on the page. There are customization block settings available for this. Block spacing: Add space to the top or bottom of the block. Use the range slider to add between 0px and 100px of space to the top or the bottom of your block. |
| Stock statistics bar |
There are customization block settings available for this.
|
| Price and variations | Customize this section by using the settings on the right side of the theme editor, as described in the following table. |
| Show variations | Select this checkbox to show/hide the variations of the product. |
| Enable ask question | Select this checkbox to enable/disable the ask question button on click of which contact form will appear. |
| Show SKU | It displays the product SKU. |
| Enable size chart | This is the block settings for the Prices and Variations. Select any image to show as a size chart for products. It shows a link button “Size chart” on the product page. |
| Section spacing | Add space to the top or bottom of the Section. Use the range slider to add between 0px and 100px of space to the top or the bottom of your section. |
| Quantity Selector |
There are customization block settings available for this.
|
| Buy buttons |
There are customization block settings available for this.
|
| Pickup |
There are customization block settings available for this. Block spacing: Add space to the top or bottom of the block. Use the range slider to add between 0px and 100px of space to the top or the bottom of your block. |
