Return to previous page

Thumbnail sizes and size boxes in the product catalog

This topic has 14 replies, 2 voices, and was last updated 1 months, 1 weeks ago ago by molo

molo

Participant

October 22, 2025 at 11:34

Good morning! The client is asking if it’s possible to make the product thumbnails and size squares larger. I’ve tried using CSS and some PHP, perhaps looking for the class where they’re inserted in case it restricts the size, but I haven’t been able to do anything. 🙁

Could you give me another hand? Thanks so much!!

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#457689 Copied

13 Answers

Jack Richardson

Support staff

October 22, 2025 at 13:37

Hello @molo,

Yes, we can review the solution for you. However, please provide the correct wp-admin access, as the current credentials appear to be incorrect.

Best regards,
Jack Richardson
The 8Theme Team

#457705 Copied

molo

Participant

October 22, 2025 at 15:24

Hello! You respond so quickly, it’s a pleasure 🙂

I just changed my password to match the information I sent you.

Thanks again!

Please contact administrator
for this information.

#457718 Copied

Jack Richardson

Support staff

October 22, 2025 at 16:17

Hello @molo,

Could you please check it now? We have implemented a custom CSS snippet in your Theme Options: https://gyazo.com/b2d0413dde40c913e3e02f9488647c40

Best regards,
The 8Theme Team

#457723 Copied

molo

Participant

October 23, 2025 at 08:03

WOW! Looks great! Thanks! One question: is it possible to process each line separately? I mean, the line where you load the sizes has one size, and the thumbnails have another.

I’m attaching a screenshot of something strange that happens when you click on the thumbnail; it seems like everything gets all mixed up.

For future updates, in case it helps you get feedback, in addition to being able to add videos to the gallery, I think it would be interesting if those thumbnails only appeared if there were more colors available, to avoid duplication…

Files is visible for topic creator and
support staff only.

#457749 Copied

Jack Richardson

Support staff

October 23, 2025 at 09:11

Hello @molo,

If you prefer to use the default design instead of the popup version that appears when clicked, you can make this change by following the steps shown in the following video: https://gyazo.com/24626ded94534330f84bec2e47b8570a

For any future requests, please feel free to submit them on our Feature Requests task board: https://www.8theme.com/roadmap/

Best regards,
Jack Richardson
The 8Theme Team

#457760 Copied

molo

Participant

October 23, 2025 at 09:29

Hi! Maybe I didn’t explain myself well before, sorry.

On the one hand, I was pointing out the error when implementing the improvement to make the thumbnails appear larger (it messes up the layout).

On the other hand, I was wondering if the change you made to the line where the thumbnails and sizes are loaded can be done separately, to make the size boxes smaller and the thumbnails larger.

Thanks!!

#457765 Copied
Jack Richardson

Support staff

October 23, 2025 at 10:14
Hello @molo,

If you keep the Popup type for swatches, you can modify the size of image swatches as shown in the following example: https://gyazo.com/e017346c57c06751335a6d9815aa7fed.

Alternatively, if you set the default state for swatch display and wish to adjust the size of image swatches only, you can use the following CSS snippet:

.content-product ul.st-swatch-size-normal li.type-image, .etheme-product-grid ul.st-swatch-size-normal li.type-image { width: 40px; height: 40px; }

Best regards,
Jack Richardson
8Theme Team
#457774 Copied
molo

Participant

October 23, 2025 at 11:11

I entered the code on the store page and it works perfectly! Thanks!

I’m attaching a screenshot of another error that occurs in the filter section. I imagine it’s due to tapping on the thumbnails…

Files is visible for topic creator and
support staff only.

#457784 Copied

Jack Richardson

Support staff

October 23, 2025 at 12:33

Hello @molo,

Could you please clarify what type of error you are referring to? Would you like to enlarge the images or make them smaller? Please provide more details in your question so that we can better understand your request and avoid additional follow-up communication.

Best regards,
Jack Richardson
The 8Theme Team

#457793 Copied

molo

Participant

October 23, 2025 at 15:39

Thanks! I’ll try to be more concise 🙂
In the filter bar, a box appears without an image or color. I don’t know if it’s because we forced the thumbnails to appear or for some other reason.

#457810 Copied

Jack Richardson

Support staff

October 23, 2025 at 15:55

Hello @molo,

Please review the video attached in the private area. We have configured one swatch color attribute as an example.
To proceed, please go to Dashboard → Product Attributes → Configure Terms (for one of your attributes), select the attribute, and add the corresponding image for that item.

Best regards,
Jack Richardson
The 8Theme Team

Please contact administrator
for this information.

#457813 Copied

molo

Participant

October 24, 2025 at 12:12

PERFECT!!! THANKS!

#457891 Copied

molo

Participant

October 24, 2025 at 12:12

Thanks for the support! My topic “Thumbnail sizes and size boxes in the product catalog” has been successfully resolved.

#457892 Copied
Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Thumbnail sizes and size boxes in the product catalog’' has been successfully resolved, and the topic is now closed for further responses

Thumbnail sizes and size boxes in the product catalog

Explore our best WordPress WooCommerce Themes collection