SEO, AdWords, affiliates, advertising, and promotions
i created a collection named new i put products in it now i want to fetch this products on another page with liquid our any other code method
Hi @zurain,
if you want to get all products in a collection and e.g. iterate through these products, try this piece of code:
it.
{% for product in collections.COLLECTIONHANDLE.products %} {{ product.title }} {% endfor %}
This code will iterate through a collection and render products titles of all products.
Let me know if this works!
Already done with this code thanks
<h1 class="prod">{{ collection.title }}</h1>
{%- if collection.description != blank -%}
<p>{{ collection.description }}</p>
{%- endif -%}
<ul class="dis">
{%- for product in collection.products -%}
<li>
<div class="card" style="width: 18rem;">
<a href="{{ product.url | within: collection }}">
<div class="reveal"><img src="{{ product.featured_image.src | img_url: '1024x' }}" class="card-img-top" alt="...">
<img class="hidden" src="{{ product.images.last | img_url: '450x450' }}" alt="{{ product.images.last.alt | escape }}" />
</div></a>
<div class="card-body">
<h5 class="card-title">{{ product.title }}</h5>
<p class="card-text">{{ product.price }} Rs</p>
<form method="post" action="/cart/add">
<input type="hidden" name="id" value="{{ product.variants.first.id }}" />
<input class="inputcrt" min="1" type="number" id="quantity" name="quantity" value="1"/>
<input type="submit" value="Add to cart" class="btn crt" />
</form>
{% comment %}
<!-- <a href="{{ product.url | within: collection }}" class="btn btn-primary">Go somewhere</a>-->
{% endcomment %}
</div>
</div>
</li>
{%- endfor -%}
</ul>
this code is not working
{% for product in collections.COLLECTIONHANDLE.products %}
{{ product.title }}
{% endfor %}
i get my solution with this code below
<h1 class="prod">{{ collection.title }}</h1>
{%- if collection.description != blank -%}
<p>{{ collection.description }}</p>
{%- endif -%}
<ul class="dis">
{%- for product in collection.products -%}
<li>
<div class="card" style="width: 18rem;">
<a href="{{ product.url | within: collection }}">
<div class="reveal"><img src="{{ product.featured_image.src | img_url: '1024x' }}" class="card-img-top" alt="...">
<img class="hidden" src="{{ product.images.last | img_url: '450x450' }}" alt="{{ product.images.last.alt | escape }}" />
</div></a>
<div class="card-body">
<h5 class="card-title">{{ product.title }}</h5>
<p class="card-text">{{ product.price }} Rs</p>
<form method="post" action="/cart/add">
<input type="hidden" name="id" value="{{ product.variants.first.id }}" />
<input class="inputcrt" min="1" type="number" id="quantity" name="quantity" value="1"/>
<input type="submit" value="Add to cart" class="btn crt" />
</form>
{% comment %}
<!-- <a href="{{ product.url | within: collection }}" class="btn btn-primary">Go somewhere</a>-->
{% endcomment %}
</div>
</div>
</li>
{%- endfor -%}
</ul>
its not working
So have you solved this problem now?
User | RANK |
---|---|
3 | |
2 | |
2 | |
2 | |
2 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023