Context 1.0

Featured product

The Featured product section lets you display a mini product page right on your home page.

Similar to the product page template, you can add an accordion that opens up to reveal more text. This feature is great for adding need-to-know information or additional details about your product.

You can learn more about this feature in our article about how to add special layouts to pages with shortcodes.

Add a featured product section to your home page

To set up a featured product section:

STEPS

  1. From your Customize theme editor, choose Home page from the pages drop-down menu at the top of the screen.

  2. Scroll down the list of home page sections and click the Add section button.

  3. Choose Featured product from the list of sections.

    This opens the featured product section settings.

  4. Select a Product to feature from your collections.

  5. Check the Show vendor checkbox to show the Vendor field as set up in your products. Usually this is a product's brand name.

  6. Check the Show swatches checkbox to let customers pick from product variants using swatch buttons.

Your browser does not support the video tag.

In order to show swatches, you need to set up the product swatches feature. See the Swatches article for more information.

  1. Check the Show social sharing buttons if you want to show social sharing buttons underneath the product description.

You can enable Facebook, X (Twitter) and Pinterest buttons from the Social media theme settings.

  1. Check the Show quantity input checkbox if customers may be encouraged to buy more than one of your products at a time.

  2. Check the Show dynamic checkout button checkbox to show let customers quickly check out using a saved payment method.

    When enabled, the Add to cart button becomes a secondary button to a new Buy it now button.

    This button only shows up for customers who have previously ordered something on a Shopify store and have a payment method saved. Check out Shopify's Dynamic checkout buttons documentation for more details.

  3. (Optional.) Choose whether to Make it an outline section.

    When you enable an Outline section setting, it removes the section background, letting your store's global background color show through. It then adds a border around the section, which uses your store's border color setting. For more information about color settings, see the Colors article.

  4. Return to the list of Home page sections to find your new Featured product section.

Use the drag handles to rearrange the order of your Home page sections:

  1. Click Save.

Settings reference

The featured product section has the following settings:

Product

Select one of your products.

Show vendor

Show the product's Vendor as you entered it while adding or editing your products.

Show swatches

Show swatch buttons as a way to let customers pick from your product's variants.

In order to show swatches, you need to set up the product swatches feature. See the Swatches article for more information.

Show social sharing buttons

Show social sharing buttons underneath the product description. You can enable Facebook, X (Twitter) and Pinterest buttons from the Social media settings.

Show quantity input

Show a quantity picker that let's customers add more than one product to the cart.

Show dynamic checkout button

Show a Buy it now or familiar payment method button to customers who have ordered with Shopify previously.

Check out Shopify's Dynamic checkout buttons documentation for more details.

Enable video looping

If have a video uploaded to your product media, enable looping of the video

Outline section

When you enable an Outline section setting, it removes the section background, letting your store's global background color show through. It then adds a border around the section, which uses your store's border color setting. For more information about color settings, see the Colors article.