Transforming Product View, Thumbnail size My view and additional picture right side - Refresh Theme

Store Design
,

Topic summary

A user seeks to modify their product page layout in the Refresh theme with two specific customization goals:

1. Uniform Thumbnail Sizing:

  • Current product thumbnails display inconsistent dimensions
  • Wants to standardize thumbnail sizes across all product images
  • Looking for CSS settings or code snippets to implement this change

2. Additional Image Placement:

  • Aims to add an extra image positioned to the right of the buy button
  • Needs confirmation whether this layout modification is feasible within the existing theme structure
  • Requests step-by-step implementation instructions

The user has provided a reference image comparing the current layout (left) with the desired layout (right). They are seeking detailed guidance, preferably with code examples, to achieve both customizations. The discussion remains open with no responses yet.

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

Hello everyone!

My goal is to modify the current layout (as shown in the left image) to match a desired new layout (as seen in the right image). I have two specific questions regarding this:

  1. Thumbnail Adjustments: In our current layout, the thumbnails of our products vary in size. I want to make them uniformly sized or adjust their sizes accordingly. How can I achieve this? Are there specific settings or code snippets I can use for this purpose?

  2. Adding an Additional Image Next to the Buy Button: I am looking to add an extra image right next to the buy button. Is this possible within the confines of our existing layout? If yes, what steps are needed to implement this?

Any help or guidance would be greatly appreciated, especially if it includes step-by-step instructions or examples of code. I look forward to your tips and tricks!

Albrecht1_0-1700761851088.png
Albrecht1_0-1700761851088.png1203×670 55.3 KB

Thanks in advance!