How to Use Electro Featured Product List

The Electro Featured Product List Section is a great way to highlight your best products on your Shopify store. This section can be used to showcase new products, top-selling products, or products on sale.

This section displays Metafield data to show more product details, including origin, material, and other information. To do this, you must enter the Metafield keys and Metafield Namespace.

OverviewClick to copy 2222

Can I use the same Shopify List to enable the Electro Featured Product List Section? Yes
How many products could I add to the Electro Featured Product List Section? Maximum of 50
How many product metafield keys should I add to the Product Specification? 3

Feature Product List settingsClick to copy 2222

ProductsClick to copy 2222

The following settings are available for Products:

  • Color Scheme: Background colors for each product block.
  • Products: Select products to show on the list.

Color SchemeClick to copy 2222

There are 2 options to choose the color scheme for the section. These options are based on the settings that have been set up in the Theme settings.

If you want to change the color scheme, please update your Theme settings.

  • Scheme 1

  • Scheme 2

You can select featured products here by clicking the ‘Select products’ button, please note that there is no limit to the number of products to show for this section.

LayoutClick to copy 2222

In Layout, you can choose to enable or disable the scroll horizontal bar with the ‘Show progress indicator’.

The Featured Product List section supports 2 kinds of Content alignment:

  • Left
  • Center.

Please note that this alignment settings will be applied to both the section header and content in each product block.

TextClick to copy 2222

In Text, you can add a subheading, a heading, and a description for the section by filling in the placeholders for these contents:

  • Section subheading
  • Section heading
  • Section description

These contents will use the typography settings from the Theme settings.

If  you want to remove any settings, just delete the content and give it a blank space.

Product ItemsClick to copy 2222

With the Image ratio, you can choose from 3 options for the Product image:

  • Square
  • Portrait (2:3)
  • Landscape (3:2)

Along with that, you can select functions to display including:

  • Show second image on hover
  • Show vendor
  • Show product rating: Note that you must add a product rating app first in order to display a rating. You can check more details here. The rating will not show if you don’t have any rating app on the store.
  • Show color swatches: Note that this option only shows if variant swatches are enabled.
  • Show badge
  • Enable quick shop: The Quick shop button will appear below the View details button

Product SpecificationsClick to copy 2222

To show metafield data for each product block, enter a list of product metafield keys, separated by commas. For example, I enter ‘origin, material, weight’. The recommended number of keys is 3, but you can add more if you want. To learn more about product metafield keys, please visit this link.

Note: The metafield keys filled in this placeholder must have the same metafield namespace as the filler in the Theme settings.

By default, with the product specification, it will not show the specification label but only show the specification description. However, you can also enable/disable the specification label here if you want.

You can check this video tutorial to learn more about the way to use Product Metafield in Electro theme:

To create a Featured Product List section in Electro Theme, follow these steps:

  1. Go to the Sections page in your Shopify admin.
  2. Click the Add Section button.
  3. Search for Feature Product list in the search field.
  4. Choose Color Scheme and select products you want to show.
  5. Select layout for section and product items then add section heading, sub heading and description according to your design
  6. Add Metafield keys and Metafield Namespaces to show the metafield information for each product on the list
  7. Hit Save

Frequently Asked QuestionsClick to copy 2222

The Electro Featured Product List Section is a great way to highlight featured products, chosen from your Shopify stocks. This is the best way to showcase new, top-selling, or products on sale.

What items could I show in the ‘Product items’?Click to copy 2222

You can choose to show or hide: Second image on hover, vendor, product rating, color swatches badge and to enable quick shop.

Navigate this category