Hide placeholder when image is N/A storewide
Add the following in base.css
/* Hide all placeholder images storewide */
img[src*="placeholder"] {
display: none !important;
}
/* For background placeholders */
[class*="placeholder"], .placeholder {
display: none !important;
background: none !important;
}
Related Articles
Hide products from Google & Shopify Search
1. Access Your Shopify Admin Log in to your account to enter the backend of your store. Familiarize yourself with the intuitive Shopify admin page and interface, setting the stage for effortless product management. Think of it as your store's control ...
How to make image-with-text image smaller
In the custom css of the section, add in: .image-with-text .image-with-text__media-item.image-with-text__media-item--small img { height: 70%; width: 70%; margin: 15%; }
Change predictive search image to square
In predictive-search-products-list.liquid, search for "image_aspect_ratio:" and change all to 1 / 1 ratio.
Hide variants that is out of stock
Add the following in variant-main-picker.liquid {%- for product_option_value in product_option.values -%} {% # hide variants = 0 # %} {% if product_option_value.available == false %} {% continue %} {% endif %} {% # End hide variants = 0 # %} {% if ...
How to change another image for image banner in mobile view
In theme.liquid, add the followings: <style> #shopify-section-ID { @media (max-width: 768px) { .banner__media { content: url("image URL") !important; } } </style>