Double images on product gallery
Hi,
I have double image gallery images. Asked it some time ago and you sent css code: .single-product .gallery-item:first-child,
.single-product .gallery-item:last-child{
display: none!important;
}
and it worked, but now double images back. How can fix it?
Comments
Hi,
Can you describe in more detail what you want to achieve?
I can see that the CSS code you mentioned is working correctly.
Best regards
Hi,
Need that where would be 1 main image (ADI_Z111) and under it gallery images:
RGB_ADR_0821-BQA_Z20K-BQA_Z40M-NQA_Z51K-CDR_6U4S-CSW_X60A-NHC_Z31K-ADI_Z111
RGB_ADI_Z111
and not double images: ADI_Z111 and RGB_ADI_Z111.
Please, try the following code:
.single-product .gallery-item:nth-child(4), .single-product .gallery-item:nth-child(5){ display: none; }Thanks
Excellent, thank you very much!
P.S
but on 2nd product don´t show gallery images: https://www.home7zones.eu/toode/segisti-korge-kraanikauss/
Then I delete 1st css: .single-product .gallery-item:first-child,
.single-product .gallery-item:last-child{
display: none!important;
}
then shows, but then back double images on 2nd product: https://www.home7zones.eu/toode/konks/
On the moment both css codes and works with 2nd product, but not with 1st.
At the beginning of this CSS code, please, put the product page id class, so it will affect only this product.
.postid-20002 .single-product .gallery-item:nth-child(4), .postid-20002 .single-product .gallery-item:nth-child(5){ display: none; }Best regards
Hi,
Will have hundreds of products, so it will be difficult to add to each product the code. Can´t use general code for both?
There is no other option to achieve that.
Best regards