How to Use Electro Product List

OverviewClick to copy 2222

Maximum number of products added to Electro Product List Section? 50
How many products are available in one Electro Product List? 3
Can I add CTA buttons in the Electro Product List Section? No

Electro Product List SectionClick to copy 2222

Electro Product List section in the Electro theme is a list that displays products from multiple selected collections. You can use this section to boost sales by showing products from multiple collections in a visually appealing way.

Access Electro Product ListClick to copy 2222

Electro Product list section can be found in the Online Store > Themes > Customize.

From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Product List’.

Configure Electro Product List SectionClick to copy 2222

The Product list section has 3 tabs you can configure: Text, Layout and Button.

Edit Text TabClick to copy 2222

The Electro theme lets you add three different types of details to this section independently: subheading, heading, and description. You can change or delete text content by clicking on the placeholder.

To remove the text from the section, simply leave the placeholder blank.

Edit Layout TabClick to copy 2222

In the Layout tab, you can choose the content alignment from two options:

  • Left: The text content will be aligned to the left side of the section.
  • Center: The text content will be centered in the section.

After selecting an option, the text content will be aligned based on the width of the section.

The default number of product items displayed in the Product list section is 4. You can change the number of items from 2 to 12 and each step is 2.

You can also choose the number of items per row on mobile.

In addition, you can select two display options:

  • Enable carousel: This will display the product list as a slideshow with 4 products per slide.

  • Show progress indicator: This will show a progress bar at the bottom of the product list. Note that this will only be displayed if the “Enable carousel” option is turned on.

Edit Button TabClick to copy 2222

In this section, you can choose to show a “View all” button if the collection has more products than are being displayed. You can also customize the text for the button label.

Configure Electro Product List ItemsClick to copy 2222

Electro Product lists item allows you to select collections to display in the Product list section. To set it up, click on the item.

You can choose collections to display by clicking the Select collection button and adding a heading for them. If no heading is set, the collection title will be used.

If the product list section only has 1 collection, it will show the collection without a tab layout. If the section has more than 1 collection, it will display as a tab layout with the heading text of each collection as the tab header.

Please note that the maximum number of collections that you can choose for this section is 6.

Frequently Asked QuestionsClick to copy 2222

What is The Electro Product List?Click to copy 2222

The Electro Product List presents a list of products from multiple selected collections.

How Many Types of Image Ratio Are Available in ‘Product Items’?Click to copy 2222

Three ratios, including square, 2:3 and 3:2.

What Types of Contents Can I Show Under ‘Product Items’?Click to copy 2222

Vendor, Product Ratings, Color Swatches and sale badges. You also can use Shopify Metafield in the Electro Product List Section!

Navigate this category