Hello,
I made my main collections (18 in total) and it used to show all of them on one page as you scrolled down, but then I made dozens of sub-collections to be able to make each page have it’s own look. After I made all of these additional collections, the collections list page now only shows about 5 of the 18 collections I have made viewable (I hid the rest using or handle.collection == “collection-name” within the collections list section editor). Now you have to click the arrow or number at the bottom to view the next series of collections. I don’t want that.
I want all 18 to show without having to click the number or arrow to view more - I just want the customer to be able to scroll down and see all 18 as they go. Any help? I’ve tried editing a couple of the max blocks values I found, but that didn’t work.
Page is here: www.happiestcouple.com
Theme is Dawn
Hi @AcedCorpLLC ,
can you please elaborate more clearly as I am able to understand half of your query but unable to understand where you are actually facing the issue. If needed do let me know I can send you a google meet link for more discussion on this.
Thanks
Ok here’s a picture. When you click shop now button from my home page and it goes to the collection list. I want it to look like the one on the left. Not the one on the right.
@AcedCorpLLC , I see now this is because of the pagination set using the code in dawn theme collection list file.
So in order to show all the collections in the grid format without pagination you have to replace the below code in main-collection-list.liquid section
{%- paginate collections by paginate_by -%}
{%- for collection in collections -%}
- {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 2 %}
{%- endfor -%}
{% render 'pagination', paginate: paginate %}
{%- endpaginate -%}
with the below code:
{% assign paginate_by = 50 %}
{%- paginate collections by paginate_by -%}
{%- for collection in collections -%}
- {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 2 %}
{%- endfor -%}
{% render 'pagination', paginate: paginate %}
{%- endpaginate -%}
Hope this will solve your problem.
Note: before making any code changes do not forget to duplicate your current theme.
1 Like
That worked perfectly! Thank you so much.
1 Like
Hi @AcedCorpLLC ,
I am glad that my solution worked for you Please do like my solutions as this motivates to help others in the community.
I am expert in store customization and speed optimization. So please do not hesitate to ping me if you need any help in future with respect to any of the issues related to your store.
Thanks & Regards
KaalTechGeeks
This worked well for me as well! Thank you!