Personalized checkout and custom promotions with Shopify Scripts
Just for testing purposes, I'm trying to figure out how to make one of the product images disappear through code, in this case the last product image
I tried adding this code in product-grid-item.liquid, although it doesn't work, and I'm wondering how I could change the code to get this working.
{% if product.images == product.images.last%}
{% assign image = null %}
{% endif %}
@Auplant wrote:Just for testing purposes, I'm trying to figure out how to make one of the product images disappear through code, in this case the last product image
I tried adding this code in product-grid-item.liquid, although it doesn't work, and I'm wondering how I could change the code to get this working.
{% if product.images == product.images.last%}
{% assign image = null %}
{% endif %}
Hello Auplant,
You can use css to hide the last image
li:nth-last-child(n) { property: value; property: value; ... }
Instead of your class name instead of "li"
Ok cool, I guess css is the most practical way to do this, although I was trying to fix an error with the product image hover. It works fine when the product has 3 images, but the last product image overlaps the first product image in the case when the product has only two images.
Perhaps it is better to adjust the reveal code in css.
{% if product.images == product.images.last%}{% assign image = null %}{% endif %}
That is trying to match an object array to an element in the array so the condition will never be met.
You can try inside the forloop that is outputting images testing if that's the last iteration of the forloop then setting null or {% break %} the loop.
{% for image in product.images %} .... {% if forloop.index.last %} {% assign image = null %} {% endif %} .... {% endfor %}
Or comparing to product.images.last
{% for image in product.images %} .... {% if image == product.images.last%} {% assign image = null %} {% endif %} .... {% endfor %}
Save time & money ,Ask Questions The Smart Way
Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Buy Paul a ☕ Coffee for more answers or donate to eff.org
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024