Fluorescent Logo
Back to the index

Featured products

The Featured products section lets you feature up to 3 products alongside your own custom marketing text and an image.

Featured products section

Add a featured products section

To set up a featured products section:

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

    Drop-down menu with page types listed

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

    Add section button

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

    This opens the featured products section settings.

  4. Use the Add product button to add up to 3 featured products.

    You can use the Remove content button within each added product’s settings if you want to remove it later.

  5. Choose or upload an Image to be used alongside the collection.

  6. Select the Image position: either Left or Right.

  7. Add Heading and Subheading text to be displayed above the featured products.

  8. Add a Link and Link text to be used with a call to action button under the featured products.

    If you’re linking to a specific collection, you might want to use text like, “Shop the collection.”

  9. (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.

    Featured products with contrast enabled

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

  10. (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.

  11. 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:

    Shopify section drag handles

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

Settings

The featured products section has the following settings:

Image
Select or upload an image to be associated with the current section.
Image position
Change where the image appears in relation to the featured products. Either Left or Right.
Heading
Add heading text to be used above the list of featured products.

We recommend keeping this to just a few words long.

Subheading
Add subheading text to be displayed below the heading text.

We recommend keeping this to a short sentence or two.

Link
Choose a page from your store to be link to from the section’s call to action button.
Link text
Add text to be used on the call to action button
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

  • [Home page](../templates/index.html#home-page-template
  • Colors
© 2014-2020 Fluorescent Design Inc.   •   hello@fluorescent.co