Радио-элементы в дизайне ProStore

Поскольку в теме дизайна ProStore используются нестандартный радио-элементы, может возникнуть проблема их отображения в "Заказе на одной странице" в виде наложения элементов на текст или отображения стандартных не стилизованных радио-элементов:

Для решения проблемы в шаблоны плагина можно внести изменения, позволяющие применить стили из темы дизайна.

1. Шаг доставка

Для внесения изменений необходимо зайти в приложение Магазин - вкладка Плагины - Выбрать "Заказ на одной странице" - Выбрать поселение, для которого требуются изменения - внизу Шаблоны - шаблон checkout.shipping.html. В данном шаблоне необходимо участок кода:

<label>
{if !empty($m.logo)}<img src="{$m.logo}" class="method-logo">{/if}
<input type="radio" name="shipping_id" value="{$m.id}" {if $m.external || !empty($m.error)}disabled{/if} {if $m.id == $shipping.id}checked{/if}>
{$m.name|escape}
</label>

Заменить на:

<label class="styling">
<input type="radio" name="shipping_id" value="{$m.id}" {if $m.external || !empty($m.error)}disabled{/if} {if $m.id == $shipping.id}checked{/if}>
<span class="label-text">
{if !empty($m.logo)}<img src="{$m.logo}" class="method-logo shadowed">{/if}
{$m.name|escape}
</span>
</label>

2. Шаг оплата

Для внесения изменений необходимо зайти в приложение Магазин - вкладка Плагины - Выбрать "Заказ на одной странице" - Выбрать поселение, для которого требуются изменения - внизу Шаблоны - шаблон checkout.payment.html. В данном шаблоне необходимо участок кода:

<label>
{if !empty($m.logo)}<img src="{$m.logo}" class="method-logo">{/if}
<input {if !empty($m.error)}disabled="disabled"{/if} type="radio" name="payment_id" value="{$m.id}" {if $m.id == $payment_id}checked{/if}>
{$m.name|escape}
</label>

Заменить на:

<label class="styling">
<input {if !empty($m.error)}disabled="disabled"{/if} type="radio" name="payment_id" value="{$m.id}" {if $m.id == $payment_id}checked{/if}>
<span class="label-text">
{if !empty($m.logo)}<img src="{$m.logo}" class="method-logo shadowed">{/if}
{$m.name|escape}
</span>
</label>

Изменения созранить, страниц оформления обновить Ctrl+F5. Если внести изменения самостоятельно не получается, напишите нам в поддержку (в запросе обязательно укажите доступы к админ.панели с плагином).

Опубликовано: 12 декабря 2017

    Добавить ответ

    Чтобы добавить комментарий, зарегистрируйтесь или войдите