Re: Radio button to force image size

How can I add a radio button to control image size?

Shopify Partner
4 0 1

Hey team,

I'm trying to add a radio button to the 'Image with text' front end so that if selected the image with default to a max height set by me.

The idea is that this radio button can be used by a clients to force a thumbnail size image without needing to resize the image prior to upload.


I'm trying to get the radio button to appear on the left here.

Screen Shot 2021-10-17 at 1.31.53 pm.png

Any would be greatly appreciated 🙂


Replies 2 (2)

Shopify Partner
10 3 5

Hey @edwardshaw89 

It's doable and probably a range schema would be a better option here than a radio button. So you can drag the range bar and select a size for your image. To do that you need knowledge of shopify section schema, liquid code to output that schema data, and css code to actually apply the max-height to the image itself. (This applies for both radio button and range)

Head over here to study about your requirement. Hope these made sense. Let me know if you get stuck.



If found helpful Like & Mark as Accepted solution
~ Email:
~ Skype: live:nazmulhasankazal

Shopify Partner
36927 3642 11995


can you please ready this article

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Partner | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing