How to make the product image in the complimentary products block on products page bigger

Technical Q&A
, , ,

Topic summary

A user needed to increase the size of product images in the complementary products block (created via Shopify’s Search & Discovery app) for both desktop and mobile views.

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code snippet above the </body> tag
  • The CSS targets the complementary products block images and increases their dimensions

Steps:

  1. Navigate to Online Store → Edit Code
  2. Locate theme.liquid file
  3. Paste the provided CSS markup before the closing body tag

Outcome: The solution successfully increased the image size as requested. The thread includes before/after screenshots demonstrating the visual change.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi all!

I have a few complimentary products that I have showcased with relevant products on my products page. I would love to know how to make the image slightly bigger for both desktop and mobile view. This was done through the shopify search and discovery app.

Thankyou so much!

Screenshot 2025-05-20 at 10.45.12 AM.png
Screenshot 2025-05-20 at 10.45.12 AM.png2238×1296 524 KB

1 Like
2

Hey @amaya_world

Share your Store URL and Password if enabled.

Best,

Moeed

3

Here is the Preview link, let me know if thats enough!

1 Like
4

Hey @amaya_world

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1747753636372.png
Moeed_0-1747753636372.png1139×842 230 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Thanks! this worked perfectly!