Products List

Modified on Thu, 13 Jun at 12:33 PM

TABLE OF CONTENTS

I. Products List

II. Block Settings


 

What is the Shopify Products List?


Shopify Product List is designed to present a list of products on your page to increase your conversion rate. You can use the Product List element to upsell and cross-sell your products. Imagine you are selling a product and would like to sell additional products in the same Collection. This element will empower your sales.


Shopify Product List is 
designed to present a list of ts on \  conversion rate. You can use the Product List element to up

I. Products List

- Scroll down to add the section "Product List." 






1. Section styles:

  • Section Layout: Boxed/ Wide
  • Section Margin & Section Padding: To set the section margin or section padding for each device, which usually can be modified in 4 directions (top-right-bottom-left)  


- If you only type 3 values, respectively, the 1st value will be set for the top, 2nd for right and left, and 3rd for the bottom.
- If you only type 2 values, it will be set for top/bottom and left/right.


  • Display Style: Select the style you want to appear.


2. Section Settings: 

  • Number of Columns
  • Items Per Column


3. Slider Settings 

  • Tick to enable Slider Layout 
  • Limited items for each Collection: Drag to the restricted number of items for each column

    Note: 
    You must enable SLider Layout to be active for " the Limited items for each collection."

    For example, 
    Drag to 3, which will appear as 3 items per column, like the picture below.




II. Block Settings

  • Title: Insert a text box to add a label or name for the Product List.
  • Selected Collection: select a collection to display in the section



Click the symbol next to the Collection's title to edit more sub-collections. 



After accessing the app, you go to the Collection section and customize a collection to edit the sub-collection.


 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article