Skip to content

Product Lists

These sections allow you to display your products on the homepage or any other page. They are essential for guiding customers to what you want them to buy.

This is the most common section. It shows a grid or slider of products from a specific collection (e.g., "New Arrivals").

How to Use

  1. Add Section: Search for Featured Collection.
  2. Select Collection: In the settings, click Select collection and choose the one you want to display.
  3. Layout: Choose between Grid (rows of products) or Carousel (slider).
  4. Rows/Columns: Adjust how many products appear per row on desktop and mobile.

A more advanced version with better design options.

Why use Pro?

  • Better Mobile Layout: You can show 1 or 2 columns on mobile.
  • More Styles: Different card styles and hover effects.

Collection List

Instead of products, this shows a list of Categories (Collections). Use this to help customers navigate your store (e.g., "Men", "Women", "Accessories").

How to Use

  1. Add Collection List.
  2. Add Blocks for each collection you want to feature.
  3. Select the collection for each block. You can also upload a custom image if you don't want to use the collection's default image.

These sections are designed for high-impact promotions. They often include countdown timers or "Stock Left" bars to create urgency.

How to Use

  1. Search for Featured Products Sale.
  2. Set the Timer: In the settings, enter your sale end date.
  3. Choose Products: Select the collection on sale.
  4. Tip: Use this section at the top of your homepage during big sales like Black Friday.

Automatically recommends products based on what the customer is looking at.

  • Where to find: This is usually found on the Product Page template, not the homepage.
  • Configuration: You can usually adjust the heading (e.g., "You may also like") and the number of products shown.
  • Note: Shopify's algorithm determines which products are "related".

Infinite Scroll (Products List Load)

This is a technical feature that allows customers to keep scrolling through products without clicking "Next Page".

  • How to enable: Look for Products List Load or similar settings in your Collection Page template.

Released under the MIT License. | Contact: 15845605353@qq.com