иконки для каждой bundle опции

как это делала я

[16 июля 2019 г.]    Российская сборка Magento 2.52.2
Magento 2: модули и услуги
magereport.com: составление перечня необходимых для установки заплаток SUPEE
#1 nika
  • Группа: Пользователь
  • Сообщений: 3
  • Регистрация: 24.10.2011

24.10.2011 14:27

Собственно была у меня задача сделать фоновое изображение индивидуально для каждой опции товара как на прикрепленном изображении Прикрепленное изображение: sample.png ,
товаров немного поэтому такой способ подошел. Не знаю, будет ли работать с русскими названиями.

Я больше владею css, поэтому делала так:

Для первой опции у меня идут radio buttons, открыла radio.phtml

после:
<?php list($_defaultQty, $_canChangeQty) = $this->_getDefaultValues(); ?>

добавила:
<div class="<?php echo $this->htmlEscape($_option->getTitle()) ?>">

в самом конце после </dd> добавила </div>

т е задала div с уникальным классом для каждой опции, например если у меня название опции Memory (как на прикрепленной картинке), списки опции заключаются в див: <div class="Memory">опции продукта blah blah</div>
(тоже будет работать если после memory стоит другое слово или слова)


затем открыла:
styles.css

добавила фоновое изображение в css (и саму картинку в каталог):
.product-options div.Memory{background:url(http://mysite.com/me...gory/memory.png) no-repeat;min-height: 120px;background-position: 0 9px;}

Затем для каждого div-a надо прописать его фоновое изображение. Например для опций с названиями youroptionname1 и youroptionname2:
.product-options div.youroptionname1{background:url(http://mysite.com/me.../yourimage1.png) no-repeat;background-position: 0 9px;}
.product-options div.youroptionname2{background:url(http://mysite.com/me.../yourimage2.png) no-repeat;background-position: 0 9px;} и т.д.

Продуктов немного у меня, повторюсь,поэтому такой вариант пока приемлем.
Если знаете как лучше, поделитесь.

Поделиться темой: