[Решено] Опции. Тип. Изображение.

[psantoni]

Доброго дня суток. Помогите плиз решить вопрос.

Есть вот такой сайт: http://casiospb.ru/casio-cdp-120

Вопрос следующем. Как можно в опциях оставив изображение поставить флажок, а не переключатель (который идет по умолчанию)? Как на сайте в области "Ваши подарки".

[pashast]

Доброго дня суток. Помогите плиз решить вопрос.

Есть вот такой сайт: http://casiospb.ru/casio-cdp-120

Вопрос следующем. Как можно в опциях оставив изображение поставить флажок, а не переключатель (который идет по умолчанию)? Как на сайте в области "Ваши подарки".

Смеить тип опции на флажок, в админке.

[psantoni]

Когда меняешь на флажок, то изображения не кажет

[afwollis]

а "Ваши подарки" как в таком случае работает? :wink:

[psantoni]

Есть "Переключатель", "Флажок", "Изображение".

Вот когда ставим "Изображение", то ставиться "Переключатель", а вот мне нужно чтобы был "Флажок". Как это можно сделать?

[psantoni]

Ау-у, товарищи :-)

[sitecreator]

видимо, надо добавить в админку новый тип отображения опций "флажок с изображением". Пока, действительно, флажок работает без изображения.

можно ничего в админку не вносить.

можно сделать изменения в файле product.tpl

принудительно выводить изображения для типа "checkbox" по аналогии с типом "image".

сами осилите?

[sitecreator]

все не очень сложно.

открываете файл product.tpl.

я пишу для версии 1.5.4.1

находите строки 111 и 112

			<?php } ?>
	  </label>

и между ними (перед </label>) вставляете код:

<img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" />

Далее с помощью стилей можете поправить вывод так как вам нравится.

У меня работает.

[sitecreator]

Ау-у, товарищи :-)

Ау-у, товарищ. Уже не надо?

Вот и помогай после этого людям ...

[psantoni]

Спасибо, товарищ! Поставлю себе, но позже. Спасибо за помощь.

[alinalessioYandex]

все не очень сложно.

открываете файл product.tpl.

я пишу для версии 1.5.4.1

находите строки 111 и 112

<?php } ?>
		  </label>

и между ними (перед </label>) вставляете код:

<img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" />

Далее с помощью стилей можете поправить вывод так как вам нравится.

У меня работает.

 

Спасибо, добрый человек! Очень пригодилось! Долго искал решение! Счастья тебе!

[FinShark]

Это драконовское решение, имхо, так лучше, для 1.5.5.1.1:

        <?php if ($option['type'] == 'checkbox') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
	  <table class="option-image">
	    <?php foreach ($option['option_value'] as $option_value) { ?>
	    <tr>
	      <td style="width: 1px;"><input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
	      <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
	      <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
		    <?php if ($option_value['price']) { ?>
		    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
		    <?php } ?>
		  </label></td>
	    </tr>
	    <?php } ?>
	  </table>
        </div>
        <br />
        <?php } ?>

[alinalessioYandex]

Это драконовское решение, имхо, так лучше, для 1.5.5.1.1:

        <?php if ($option['type'] == 'checkbox') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
	  <table class="option-image">
	    <?php foreach ($option['option_value'] as $option_value) { ?>
	    <tr>
	      <td style="width: 1px;"><input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
	      <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
	      <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
		    <?php if ($option_value['price']) { ?>
		    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
		    <?php } ?>
		  </label></td>
	    </tr>
	    <?php } ?>
	  </table>
        </div>
        <br />
        <?php } ?>

Кстати попробовал. Красиво. Скомпоновано уже как следует.

Но если нужны чекбоксы и с картинками и без, то как быть? Сейчас когда делаешь с картинками, то все отлично, а если нужны опции без картинок, то название чекбокса дублируется в том месте где должна быть картинка.

Как сделать, чтобы сохранить стандартные чекбоксы и добавить дополнительные чекбоксы с картинками? Грубо говоря сделать клон чекбоксов, только с картинками.

[FinShark]

Кстати попробовал. Красиво. Скомпоновано уже как следует.

Но если нужны чекбоксы и с картинками и без, то как быть? Сейчас когда делаешь с картинками, то все отлично, а если нужны опции без картинок, то название чекбокса дублируется в том месте где должна быть картинка.

Как сделать, чтобы сохранить стандартные чекбоксы и добавить дополнительные чекбоксы с картинками? Грубо говоря сделать клон чекбоксов, только с картинками.

Для себя делал, вот и красиво :)

Если хочется ковырять поменьше, то можно на image поставить чекбокс, но тогда у картинок будет только чекбокс, если конечно они не нужны отдельно. Лично я не ковырял глубже, сделал под свои потребности на скорую руку.

[dnutsa]

А может кто-то подсказать, как вывести картинку не для радио или чекбокса, а для списка (select) по onchange? Без javascript, я так понимаю, не обойтись? Направьте, пожалуйста, в нужную сторону

[Sunjahman]

 Не смог разобраться....по сути пытался вставлять оба кода - результата 0... может не туда вставляю? адрес файла catalog/view/theme/bigdessoc/template/product/product.tpl правильно? Возможно что несовместимо с шаблоном? 

 

P/s Нужно чтобы изображения были в виде чекбоксов.....ну или чтобы чекбоксы были в виде изображений......

[Sunjahman]

Есть кто живой?

[Sunjahman]

Написанное здесь решение оказалось нерабочим. В конечном итоге применил способ FinShark Все заработало, спасибо.

Змінено 12 січня 2014 користувачем Sunjahman

[Korol179]

http://ubaby.com.ua/domashnij_tekstil/komplekt_postelnogo_belya_satin_strajp_terrylux_9_cvetov_20_evro.html подскажите как сделать опции сеткой? их много и сильно вытягивается вниз....

[schved]

 как сделать опции сеткой? 

 

То же в поисках, ни кто не в курсе?

[Tom]

http://jul-collection.com/opencart-vyistavlyaem-optsii-tovara-v-ryad-gorizontalno.html#comment-1572

[Yusoval]

Аналогичная ситуация на версии 2.1, только вот предложенные решения не работают. Опции в виде изображений нельзя отменить, а у опции флажок не отображаются изображения. Кто может подсказать, как решить?