remove this zoom feature on the product listing images

Store Design

Topic summary

A user running the Expanse theme wants to disable the zoom feature on product listing images. Two solutions have been provided:

Solution 1 (oscprofessional):

  • Navigate to Online Store → Theme → Edit code → Assets
  • Add CSS code to hide .grid-product__actions with display: none !important;
  • The original poster noted this didn’t work for them, likely due to different code structure

Solution 2 (ZestardTech):

  • Go to Shopify Admin → Online Store → Themes → Actions → Edit code
  • Locate Assets → base.css
  • Add CSS targeting .grid-item.grid-product .grid-item__content .grid-product__actions with display: none !important; at the bottom
  • Includes screenshot references showing the implementation steps

Both solutions use CSS to hide the zoom/action elements, but target slightly different selectors. The issue remains unresolved as the first solution failed for the user’s specific theme configuration.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hi, I am looking to remove this zoom feature on the product listing images. How can I remove this? I am using Expanse theme. The code from another Shopify question does not work for me. I seem to have a different code and different liquide.

Shop UrL: https://king-shakerz.com/

2

Hello @JuliusBerlin

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->product-grid-item.css>Add this code at the bottom.

.grid-product__actions {
    display: none !important;
}
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.grid-item.grid-product .grid-item__content .grid-product__actions {
display: none !important;
}

ZestardTech_0-1686118877562.png
ZestardTech_0-1686118877562.png1477×712 36.6 KB

ZestardTech_1-1686118903548.png
ZestardTech_1-1686118903548.png1785×625 118 KB