Помогите решить проблему со списком артикулов

Пытаюсь поменять построение и выбор артикулов товара в карточке.

Стандартно артикулы выводятся так:

<ul class="skus">
      {foreach $product.skus as $sku}
      {$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
      <li>
          <label{if !$sku.available} class="disabled"{/if}>
          <input name="sku_id" type="radio" value="{$sku.id}"{if !$sku.available} disabled="true"{/if}{if !$sku_available}data-disabled="1"{/if}{if $sku.id == $product.sku_id} checked="checked"{/if} data-compare-price="{shop_currency($sku.compare_price, $product.currency, null, 0)}" data-price="{shop_currency($sku.price, $product.currency, null, 0)}"{if $sku.image_id} data-image-id="{$sku.image_id}"{/if}> <span itemprop="name">{$sku.name|escape}</span>
          </label>
      </li>
      {$product_available = $product_available or $sku_available}
      {/foreach}
 </ul>

При клике любого артикула product.js меняет значения price, image, stock и т.д. на странице карточки товара.

Я хочу заменить на вывод выпадающим списком:

<select>
  <option>Артикул1</option>
  <option>Артикул2</option>
  <option>Артикул2</option>
  <option>Артикул4</option>
  <option>Артикул5</option>
  ...
</select>

С value="{$sku.id}" все понятно, оно передастся в <option>. А как передать в product.js остальной список параметров: {if !$sku.available} disabled="true"{/if}{if !$sku_available}data-disabled="1"{/if}{if $sku.id == $product.sku_id} checked="checked"{/if} data-compare-price="{shop_currency($sku.compare_price, $product.currency, null, 0)}" data-price="{shop_currency($sku.price, $product.currency, null, 0)}"{if $sku.image_id} data-image-id="{$sku.image_id}"{/if} ?

Очень прошу помочь!

1 ответ

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

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