We've recently relaunched all three of our themes. Watch the launch video here.

Featured product

The Featured product section displays a [product page][product-page] in a single section so customers can see the info they need and quickly add them to their cart.

Featured product section on the home page
Featured product section on the home page

To set up a featured product section:

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

    Drop-down menu with page types listed
    Drop-down menu with page types listed
  2. Scroll to the bottom of the home page sections and choose Add section

    Add section button
    Add section button
  3. Choose Featured product from the list of sections.

    This opens the featured product section settings.

  4. Use the Select product button to choose from your store's list of products.

    For more information about products, see Shopify's Products guide.

  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 SKU checkbox to show the SKU number used to track your inventory.

  7. Check the Show labels checkbox to display the option names as titles for your variants (for example, Size or Material).

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

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

    Dynamic checkout button
    Dynamic checkout button

    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.

  10. (Optional.) Choose whether to Enable video looping.

    Enabling this setting lets videos added to your product media play continuously.

  11. Choose whether to Use alternate section color for this section to add contrast.

    See Spark's Color settings documentation to learn how to set Alternate section colors.

  12. Return to the list of Home page sections. Use the drag handles to rearrange the order of your Home page sections:

    Shopify section drag handles
    Shopify section drag handles
  13. Use the Save button in the top-right corner when you are finished editing.

In addition to the settings below, the Featured product section also includes:

Settings for product swatches, chips, and information popups can be found in Spark's product pages article.

The featured product section has the following settings:

Configuration Settings

Show vendor

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

Show SKU

Show the SKU number used to track the inventory of your products.

Show quantity input

Show a quantity picker that lets 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 video looping

Let videos added to your product media play continuously in a loop.

Use alternate section color

Set the background color to the Alternate Section Color as chosen in your Color Settings.

See Spark's Color settings documentation to learn how to set Alternate section colors.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.