{% render 'huckleberry-subscription-widget-container' %}
こちらを読み込む箇所を
{% render 'huckleberry-subscription-product' %}
こちらを読み込ませて頂き、
snnipet > huckleberry-subscription-product.liquid
を下記のように変更してください。
##デフォルト
{% for group in product.selling_plan_groups %}
<fieldset>
<legend>{{ group.name}}</legend>
{% for selling_plan in group.selling_plans %}
<input type="dropdown" name="selling_plan" value="{{ selling_plan.id }}">
{{ selling_plan.name }}
{% endfor %}
</fieldset>
{% endfor %}
##変更後
{% for group in product.selling_plan_groups %}
<fieldset>
<legend>{{ group.name}}</legend>
<select name="selling_plan">
{% for selling_plan in group.selling_plans %}
<option value="{{ selling_plan.id }}">{{ selling_plan.name }}</option>
{% endfor %}
</select>
</fieldset>
{% endfor %}
その後、CSSに合わせてカスタマイズしてください。
※CSS設定箇所は以下です。
huckleberry-subscription-product.liquid
custom.css
必要最低限の変更のみの場合
CSSに合わせてカスタムスタイルつけたもの
<aside> <img src="/icons/checklist_purple.svg" alt="/icons/checklist_purple.svg" width="40px" /> ヘルプページ