1

Тема: Список вариантов товара

Как сделать, чтобы выбор варианта товара был не <select>ом, а просто списком в столбик, при нажатии на название которого выводилась вся информация об этом варианте как и положенно?

Thumbs up Thumbs down

2

Re: Список вариантов товара

Люди, помогите, разве никто не знает?

Thumbs up Thumbs down

3

Re: Список вариантов товара

Не совсем понял вопрос, есть пример где-то?

Thumbs up Thumbs down

4

Re: Список вариантов товара

попробую описать

варианты товара:
"картинка" синий 100р
"картинка" черный 120р
"картинка" красный 99 р

вот так будет выглядеть список товара, нужно чтобы при нажатии на синий, выводилась в стандартном виде его информация, при нажатии на черный и красный соотвественно их информация

Thumbs up Thumbs down

5

Re: Список вариантов товара

Здравствуйте. Пример для страницы товара.

Для этого Вам нужно изменить 2 файла:
/templates/commerce4x/shop/product.tpl — в районе 67 строки находим код

<select id="variantSwitcher" name="variant">
    {foreach $model->getProductVariants() as $key => $pv}
        <option value="{echo $pv->getId()}">
             {if $pv->getName()}
                 {echo ShopCore::encode($pv->getName())}
             {else:}
                 {echo ShopCore::encode($model->getName())}
             {/if}                                                   
         </option>
    {/foreach}
</select>

и заменяем его на следующий:

{$i=0}
{foreach $model->getProductVariants() as $key => $pv}
    <label>
        <input {if !$i} checked="checked" {/if} type="radio" 
    value="{echo $pv->getId()}" 
    name="variant" class="variantSwitcher">
        {if $pv->getName()}
            {echo ShopCore::encode($pv->getName())}
        {else:}
            {echo ShopCore::encode($model->getName())}
        {/if}       
        {$i++}                                            
    </label>            
{/foreach}

После этого открываем файл /templates/commerce4x/js/shop.js,  в районе 1018 строки находим:

$('#variantSwitcher').live('change', function () {

и заменяем на

$('.variantSwitcher').on('change', function () {
https://github.com/imagecms/ImageCMS - ночные сборки корпорейта
https://scrutinizer-ci.com/g/imagecms/ImageCMS/badges/quality-score.png?b=development https://codeclimate.com/github/imagecms/ImageCMS/badges/gpa.svg

Thumbs up Thumbs down

6

Re: Список вариантов товара

спасибо, но не совсем так нужно. вот скрин внешнего вида
http://s2.ipicture.ru/uploads/20130710/h403R2C8.jpg
Нужно, чтобы при нажатии на название, выводилась его информация

Thumbs up Thumbs down

7

Re: Список вариантов товара

люди, неужели никто не знает, как это реализовать?

Thumbs up Thumbs down

8

Re: Список вариантов товара

Добрый день. Мне тоже необходимо реализовать подобное - без select.
Вот как нужно.

<div class="fasovka"><a href="#">100 г.</a><a href="#">500 г.</a><a href="#">1 кг.</a></div>  

Уважаемые, подскажите!

Thumbs up Thumbs down

9 Отредактировано domovoj (09-08-2013 01:59:28)

Re: Список вариантов товара

vi100k пишет:

спасибо, но не совсем так нужно. вот скрин внешнего вида
http://s2.ipicture.ru/uploads/20130710/h403R2C8.jpg
Нужно, чтобы при нажатии на название, выводилась его информация

можно сделать многими способами, можна использовать плагин табиков, к примеру на той же странице он используется для вывода информации о товаре, все что нужно ето соблюдать структуру табиков и указывать уникальние индетификаторы для блоков которые хотите открывать, тоесть вывыводите чтото вроде такого:
<ul class="tabs">
<li>
  <button type="button" data-href="#v1">v1</button>
</li>
<li>
  <button type="button" data-href="#v2">v2</button>
</li>
</ul>
<div class="frame_tabs">
<div id="v1">info1</div>
<div id="v2">info2</div>
</div>
вместительное: <ul class="tabs">, <div class="frame_tabs"> выводите foreach-ом

Thumbs up Thumbs down

10

Re: Список вариантов товара

После этого открываем файл /templates/commerce4x/js/shop.js,  в районе 1018 строки находим:

$('#variantSwitcher').live('change', function () {

и заменяем на

$('.variantSwitcher').on('change', function () {

Долго и сильно плакалЪ))))))) Не пора ли все вызовы live () жс шопа поменять, а ?))))))))
И да - если вопрошающий что-то поймет в ответе домового, то я, пожалуй, сильно удивлюсь) Очень сильно удивлюсь ))

Продам ОДНУ лицензию ImageCMS Shop Premium. Писать в личку. или на Lifesaver903@yandex.ru

Thumbs up Thumbs down

11

Re: Список вариантов товара

В ICMS jQuery 1.8.2, эту функцию удалили с 1.9, но действительно, с 1.7 она деприкейтед...

Профессиональное создание сайтов любой сложности, аудит, продвижение, а также поддержка вашего интернет ресурса - web2life.ru

TIMEWEB > Всегда больше, чем просто хостинг для ImageCMS!

12

Re: Список вариантов товара

Ребята, как реализовать вывод списка вариантов товара через <radio> на 4.10? Помогите, плз.

Thumbs up Thumbs down