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

[edwardshaw89]

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.

Any would be greatly appreciated 🙂

[Nazmulhasan]

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.

Regards.

[KetanKumar]

@edwardshaw89 

can you please ready this article

https://www.shopify.com/partners/blog/19478851-an-introduction-to-theme-options