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?

  1. Go to “Customize Theme.”
  2. At the top of the page, click on the dropdown to select the Home page template.
  3. From the left side menu, select "Feature product"
  4. 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:

  • Adapt to image (default): Adapt to image should only be used when images are the same dimensions.
  • Square: Crops the images to use a 1:1 ratio. 
  • Portrait: Crops the images to use a 2:3 ratio.
  • Landscape: Crops the images to use a 3:2 ratio.
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.

  • None
  • Dots
  • Lines(default)
  • Numbers
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. 

  • Extra extra large 
  • Extra large
  • Large (default)
  • Medium
  • Small
  • Extra small
  • Extra extra small

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.

  • Enable: Select the checkbox to show/hide sale countdown timer.
  • End date: Type the date you want the countdown to end. The format must be use as follow: yyyy-mm-dd.
  • End text:  Set the any end text. This shows when the end date elapses.
  • 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.
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.

  • Show subtotal: Select this checkbox to show/hide the Subtotal value of the product.
  • 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.
Buy buttons

There are customization block settings available for this.

  • Show dynamic checkout buttons: Display any checkout options that you have enabled in your Payment methods.
  • Show recipient from for gift card products: Check this checkbox to show the gift card form on the gift card products. Gift card products can be sent directly to a recipient with a personal message by using this form.
  • 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.
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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us