Back to the index

Featured product

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

Add a featured product section to your home page

To set up a featured product section:

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

   

2. Scroll down the list of home page settings until you see the Add section button.

   

3. Choose Featured product from the list of sections, and press the Add button.

   This opens the featured product section settings.

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

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

   

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

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

7. 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 orders something on a Shopify store and have a payment method saved. Check out Shopify’s Dynamic checkout buttons documentation for more details.

8. (Optional.) Check the Enable contrast checkbox to use Ira’s contrast color set.

   

   Contrast colors are a great way to break up your home page and make it more interesting.

   You can configure these colors from Ira’s Colors settings.

9. (Optional.) Choose whether to Enable full width.

   Enabling this setting removes any borders around the section, letting it fill the entire width of the screen.

10. Use the Back to settings (<) button to go back to all of the home page settings again. Use the drag handles to rearrange the order of your home page sections:

    

11. Use the Save button in the top-right corner when you are finished editing.

Settings

The featured product section has the following settings:

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 quantity input

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

Show dynamic checkout button

Show a “Checkout with <Payment Method>” button to customers who have ordered with Shopify previously.

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

Enable contrast

Use your store’s contrast colors for this section.

Enable full width

Check this checkbox to remove the outer margins from this section, making it span the entire width of the screen.

Related articles

• Colors
• Product pages
• Swatches
• Dynamic checkout buttons