Hello,
I have added a gallery inside the product page and added metafield inside to insert images depending on the product. However, some product I need to add 11, some product I need to add 5 or 1 but rest of the placeholders are synced to 11 so rest of the images are blank. So I’m trying to see how I could hide the blank image placeholders?
Here is the link:
https://fuzzymore.com/collections/accessories/products/beaded-earring
Also, I’ve been looking at many support inquiries about this but I dont know in which code section file
I’m suppose to put in the code.
Could anyone help out here? Thanks in advance!
To hide the blank image placeholders in the gallery on your product page, you can use CSS to target and hide the specific elements. Here’s how you can do it:
-
Open your Shopify admin dashboard and go to “Online Store” → “Themes”.
-
Click on the “Actions” dropdown for your current theme and select “Edit code”.
-
In the left-hand sidebar, navigate to the “Assets” folder and locate the CSS file associated with your theme. It is typically named “theme.scss.liquid” or similar.
-
Open the CSS file and add the following code at the end:
.product-gallery .product-gallery__item:empty {
display: none;
}
Okay Im not sure if i have the them liquid for inside the assets file
Here is the screenshot of it:
I inputted the code and seems not to be working 
Idk whats going on..
