Shopify themes, liquid, logos, and UX
Hi
I am using the Simple Theme for my store but my products do not have photos. How can I remove the placeholders/space saved for product images on the collection pages and how can I view them as a list rather than a grid format of rows of 4 products.
This is how it looks:
I ideally would just have all these product names in a single vertical list with no photo spaces.
Thanks!
Jackie
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.template-collection .grid-link__image--loading {
display: none;
}
Hope this works.
Cheers!
Please share your website URL. I will check and provide a solution here.
Thanks!
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.template-collection .grid-link__image--loading {
display: none;
}
Hope this works.
Cheers!
For the list on the collection page. Add the following code.
@media only screen and (min-width: 769px){
.template-collection .large--one-quarter { width: 100% !important; }
}
@media only screen and (max-width: 768px){
.template-collection .medium-down--one-half { width: 100% !important; }
}
Hope this helps.
Thanks!
Both of those worked perfectly thank you so much! I wish I could code 😄
Actually one more thing - can you also remove the photo space from the product page?
Please add the following code for product page.
@media only screen and (min-width: 769px){
.template-product .post-large--one-half { width: 100% !important;}
}
Hope this works.
Thanks!
Perfect
Hi!
I think this really is the last thing that I didn't spot earlier! How can I remove the photo spaces/placeholders from the dynamic recommendations?
Thanks!
You can add the following code.
.product-recommendations .grid-link__image-centered{
display: none;
}
Thanks!
When I tried to open your URL. It shows your shop is not available. Please provide your shop URL.
Thanks!
Hello,
That is the URL
Maybe try those? password is camishop
Can you provide a screenshot?
Here you go!
Hello, thank you for those! Do you know how I can do the same thing on the home page?
www.printmylabel.ca password camishop
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025