Remove Product Image All Together?

theworldfamous · ‎07-10-2024

I know that sounds strange to most, however our products don't have images. (SEE IMAGE BELOW)

I've seen it done on digital product sites, but I can't seem to figure out how to do it. Everything I find is how to hide thumbnails and such...I just don't want any! lol

If it was possible to remove the option of images, I could then utilize that real estate by centering the buying options and descriptions in the center of the page. I have seen people suggest creating a base.css file and tried different codes...but nothing works.

We are using the "Empire Theme".

Can anyone guide me in the right direction? Is there a script or a app I can use to do this?

Thanks everyone.

Dan-From-Ryviu · ‎07-10-2024

Hi @theworldfamous

Please open Online Store > Themes > click "..." next to current theme > Edit code, open theme.liquid file, add this code after <head>

<style>
.productitem__image-container,
.product-gallery { display: none !important; }
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

AnneLuo · ‎07-10-2024

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.product-gallery{
  display: none !important;
}
.product--outer {
    justify-content: center;
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me

Buy Me A Coffee ☕

View solution in original post

theworldfamous · ‎07-11-2024

This definitely did the trick! I will be using this in combination with a code below which goes one step further with eliminating the images on the collections and galleries. Thank you so much for your help!

View solution in original post

AnneLuo · ‎07-10-2024

Hi, @theworldfamous

Please share the store URL so that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me

Buy Me A Coffee ☕

theworldfamous · ‎07-10-2024

Thanks AnneLuo...the URL is www.rschealth.com

AnneLuo · ‎07-10-2024

Have you fixed it? The images display.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me

Buy Me A Coffee ☕

theworldfamous · ‎07-10-2024

I have not. The goal is to have images "not display" on the product page.

The screen shot just happens to show a place holder. We don't want the image functionality at all.

I hear theres something you can add to the code, but I keep falling short of finding it.

AnneLuo · ‎07-10-2024

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.product-gallery{
  display: none !important;
}
.product--outer {
    justify-content: center;
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me

Buy Me A Coffee ☕

theworldfamous · ‎07-11-2024

This definitely did the trick! I will be using this in combination with a code below which goes one step further with eliminating the images on the collections and galleries. Thank you so much for your help!

Dan-From-Ryviu · ‎07-10-2024

Hi @theworldfamous

Please open Online Store > Themes > click "..." next to current theme > Edit code, open theme.liquid file, add this code after <head>

<style>
.productitem__image-container,
.product-gallery { display: none !important; }
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

theworldfamous · ‎07-11-2024

I tested this code and it works in combination with the one above so I am running both! Yours eliminated my next problem which was hiding the images in the collections and such. I appreciate your help so much!

wo · ‎07-10-2024

If you mean like this

find theme.css, modify the code.

.product-gallery{
display:none;
}

.product--outer{
 display: block;
 font-size: 0;
 justify-content: center;
}

Remove Product Image All Together?