The Featured product section draws attention to a specific product on your home page. In effect, it is essentially a product page, as it features all the central aspects of a product page—such as images, description, share buttons, quantity, and add-to-cart (ATC) button.
Add a featured product section
To include this section on your home page, navigate to the Sections tab of the theme editor and select Add section > Featured product.
Select a section style
Start by choosing the Style you want your Featured product section to use from the dropdown menu. There are three options: Accent, Contrast, and Default. You can change the colors associated with each in under Theme settings > Colors in the theme editor.
Add a section heading
Add a Heading using the provided field to display at the top of the section.
Select the product to display
Choose the Product to feature by clicking Select product. If you want to make any tweaks to the product images, price, or anything else, you can click the Edit product shortcut above the menu.
Add a custom description
Startup will automatically pull the description you've added to the product page in your Shopify admin unless you instruct it not to by adding a custom Description here. You may want to use this if your product page description is too long, for example, or if you just have a different idea for the text you want featured on your homepage.
Enable image zoom
For product images over 1600px in width, this option will activate a zoom feature for customers to magnify the image for a closer look. Activate this feature by selecting Enable image zoom.
Show names of vendors
Include the vendor label for products. Vendor information can be added via the Products portion of your Shopify admin.
Disable sold-out variants
If there are variants (colors, sizes, etc.) of the product that have sold out, they will not appear as options on your product pages.
Variants style options
You can also customize the Variants style to display as buttons or in dropdown menus.
Show dynamic checkout button
This will add a secondary button below the add-to-cart (ATC) that will take customers directly to the Checkout process.
Add additional information
You can also add Additional info to this section by clicking the blocks under Content. In the example above, we've added a link to our return policy and contact form here, but you could link to a size guide, FAQ page, or any number of other things.
Simply add the Text you want to display, then the Link URL, and an Icon from the dropdown menu. If you want to include more than one nugget of additional info, click Add additional info at the bottom and populate another block. You can add up to a maximum of four additional info links.