Radio button to force image size

edwardshaw89
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)
Nazmulhasan
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.

Regards.

 

If found helpful Like & Mark as Accepted solution
~ Email: nazmulhasankazal@gmail.com
~ Skype: live:nazmulhasankazal
KetanKumar
Shopify Partner
36589 3628 11812

@edwardshaw89 

can you please ready this article

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

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