我在Shopify商店使用应用程序,该应用程序在电子商务网站上提供产品选项。令人讨厌的是,我无法解决如何更改选项的单选按钮,以便使用图像进行选择。我一直试图让这个工作几个小时,但没有成功。
问题是应用程序以我似乎无法定位标签的方式输出无线电输入。我已经阅读了许多使用标签技术并隐藏输入的变通方法。但是,我的输出看起来像这样:
<div class="shappify_option_value">
<label class="shappify_radio_option">
<input id="255415_0" class="bold_option_child shappify_option_255415 " type="radio" value="None" data-conditional-value="None" name="properties[Wax finish]" data-product-handle="" data-option-key="rb_255415_0">
None
</label>
<label class="shappify_radio_option">
<input id="255415_1" class="bold_option_child shappify_option_255415 price-change " type="radio" value="Light/clear" data-conditional-value="Light%2Fclear" name="properties[Wax finish]" data-price="8.00" data-variant="25548381447" data-product-handle="wax-finish" data-option-key="rb_255415_1">
Light/clear
</label>
<label class="shappify_radio_option">
<input id="255415_2" class="bold_option_child shappify_option_255415 price-change " type="radio" value="Light brown" data-conditional-value="Light%20brown" name="properties[Wax finish]" data-price="8.00" data-variant="25548382215" data-product-handle="wax-finish" data-option-key="rb_255415_2">
Light brown
</label>
</div>
有没有办法可以解决这个问题?理想情况下,我只想使用图像在没有任何文本的选项之间进行选择。
感谢您提供任何帮助。