Skip to product information
1 of 1
Published:2024.10.21

Example of setting to add a feature that allows viewers to change the number of items displayed on the collection page of the theme "Dawn/Rise"

Example of setting to add a feature that allows viewers to change the number of items displayed on the collection page of the theme "Dawn/Rise"

Applications

  • CollectionsEdit

How to implement

  • LIQUID
  • HTML/CSS
  • Javascript
View full details

This is an example of how to change the number of items displayed per page on the storefront for the collection page of the Shopify theme "Dawn/Rise." The changed number of items will be maintained for collections using the same template until the purchase is completed.


Example of setting to add a feature that allows viewers to change the number of items displayed on the collection page of the theme "Dawn/Rise"


[Settings (For Rise Theme) Setting Step ①] Modify the code in "sections/main-collection-product-grid.liquid"


[(For the Rise theme) Setting step 2] Modify the schema of "sections/main-collection-product-grid.liquid" and specify the default number of items to display in the collection template in the theme editor from "12, 24, or 36".


When implementing a setting example to change the number of items displayed on a collection page, if you leave it as it is, the changed number of items will be included in "Additional details", so if you do not want to display it, this is a setting example.


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

「sections/main-collection-product-grid.liquid」のコードを修正:①

Related Post

その他のLIQUIDに関するTIPS