How can I add infinite scroll in the collection page on my motion theme?
I have tried using apps like Infy Scrolller but it didn’t work at all.
Here is my collection page link where I want to add that: Products – GoCheapStore.com Password- xml
Thanks In Advance
thanks for post
can you please try this
Hello @KetanKumar ,
Thanks a lot for the help. But I am so sorry, It didn’t work. It’s showing load more but it disables all my product images and now its looking horrible.
You can watch the new version here. Products – GoCheapStore.com
Please let me know what else I need to do.
Thanks
I want to know if you have solved this problem now?
Password- xml
oh sorry for this
can you please revert your code and if possible to add me on staff account so i will check and update
@KetanKumar how can I add you brother? Can you please instruct me on how to do that?
sent bro, have you got it?
hello brother, @KetanKumar have you got your access?
i have update code please check
Bro after the load more is done causing more products to come, it is not showing the product image until it hovers. How can I solve it?
i have just disable animation its work can you please check
Do you mind sharing the code snippet for the resolution for your Motion theme? I am trying to implement the same thing.
Would you mind sharing the code snippet used for the infinity collection page scroll for Motion? I am trying to implement the same thing.
Below is the default code snippet from the collection.template
{%- for product in collection.products -%}
{%- render 'product-grid-item'
product: product,
grid_item_width: grid_item_width,
per_row: per_row
-%}
{%- else -%}
{{ 'collections.general.no_matches' | t }}
{%- endfor -%}
{%- if paginate.pages > 1 -%}
{%- render 'pagination', paginate: paginate -%}
{%- endif -%}
{%- if settings.quick_shop_enable -%}
{%- for product in collection.products -%}
{%- render 'quick-shop-modal', product: product -%}
{%- endfor -%}
{%- endif -%}
Yes please try this
At first, I am thankful for the guy @KetanKumar , and he has solved the problem of my shop!
However, after working on my shop, I examined the changes he had made and wrote them in a text file cause my brother also wants me to teach him, but he does not know to code. I am sharing that text file. I hope it will work perfectly. @ReidW27
Adding Up Infinite scroll -motion theme
{% if template contains ‘collection’ %}{{ ‘https://cdn.shopify.com/s/files/1/0382/4185/files/ajaxinate.js?937’ | script_tag }}{% endif %}
{% for product in collection.products %}
{% include ‘product-grid-item’ %}
{% else %}
{{ 'collections.general.no_matches' | t }}
{% if paginate.pages > 1 %}
{% include ‘pagination’ %}
{% endif %}
{{ 'collections.general.no_matches' | t }}
{% comment %}
{% if paginate.pages > 1 %}
{% include ‘pagination’ %}
{% endif %}
{% endcomment %}
press cntrl+f and type {% schema %} to find it
paste this code just above it
That’s it
Thanks
@zahin Amazing, thank you so much. I greatly appreciate it. Very helpful and insightful. I am one who loves to learn like you. If interested, I have around 10 additional page.section blocks I have hardcoded into the motion theme over time. I can share it with you if interested. You can preview some of the section blocks on my portfolio, reidwithrow.com. As you can see from the screenshot below, I built the entire portfolio with 0 third-party applications.
@KetanKumar Awesome! Thank you so much. Worked perfectly. I appreciate a good human being like yourself.
