Remove Product Image All Together?

Solved

Remove Product Image All Together?

theworldfamous
Tourist
6 1 0

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.

Screenshot 2024-07-10 at 8.02.02 PM.png

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.

 

Accepted Solutions (3)

Dan-From-Ryviu
Shopify Partner
8548 1687 1694

This is an accepted solution.

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 and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

AnneLuo
Shopify Partner
775 149 163

This is an accepted solution.

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:

AnneLuo_0-1720667447031.png

 


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
Tourist
6 1 0

This is an accepted solution.

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

Replies 9 (9)

AnneLuo
Shopify Partner
775 149 163

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
Tourist
6 1 0

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

AnneLuo
Shopify Partner
775 149 163

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
Tourist
6 1 0

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
Shopify Partner
775 149 163

This is an accepted solution.

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:

AnneLuo_0-1720667447031.png

 


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
Tourist
6 1 0

This is an accepted solution.

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
Shopify Partner
8548 1687 1694

This is an accepted solution.

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 and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

theworldfamous
Tourist
6 1 0

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
Shopify Partner
138 30 27

If you mean like this

wo_0-1720667986362.png

find theme.css, modify the code.

 

.product-gallery{
display:none;
}

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