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>
User | RANK |
---|---|
9 | |
5 | |
4 | |
3 | |
3 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023