Сообщений в теме: 3

[jomfan]

По мотивам этой темы:
http://forum.jbzoo.c...vybrannogo-zna/

Буду очень благодарен, если кто то напишет как можно реализовать такой вариант:

Чекбокс доставка:
Появляются поля для ввода адреса.

Чекбокс самовывоз:
Поля не выводятся
 

[i001]

в той теме так и делалось. только если самовывоз - показывался адрес

http://planetagsm.by/

[jomfan]

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

[i001]

создайте js файл, например main.js

c таким содержанием 

(function($){
 
	$(document).ready(function() {
 
    $(".element-radio").change(function () {
            value = $('.element-radio input:radio:checked').val();
            //alert(value);
            if (value == "lichno-v-ofise") {
                $('#idmyblock').show();
            } else {
                $('#idmyblock').hide();
            }
    });
    });
})(jQuery);

.element-radio это класс чекбокса, если вы используете чекбокс то у вас скорее всего так же. 

lichno-v-ofise в моем случае это алиас чекбокса с текстом который будет показываться. Меняйте на свой. Посмотреть можно в админке при создании чекбокса.

 

после того как создали файл main.js заливаем его на сайт. Я положил его сюда templates\шаблон\js

 

далее подключаем main.js в index.php шаблона

я подключил его перед закрывающем тегом head, получилось вот так

<script type="text/javascript" src="/templates/yoo_micasa/js/main.js" ></script>
</head>
 

далее находим открываем файл media/zoo/applications/jbuniversal/templates/catalog/renderer/basket/_default.php и в конце добавляем текст который должен показываться. у меня так

<div id="idmyblock">
                <p>г. Минск, Партизанский пр-кт 2, офис 6. <a href="index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=115" target="_blank">Посмотреть на карте</a></p>
                
            </div>

ну и последнее что я сделал это добавил стили этому блоку чтобы он наложился на поле, куда нужно вбивать адрес

в template.css добавил следующее

#idmyblock {
display: block;
position: absolute;
margin-top: 318px;
width: 572px;
height: 79px;
margin-left: 10px;
background-color: #fff;
text-align: center;
font-size: 16px;
line-height: 48px;
border: solid 1px #C9C9C9;
}

у вас думаю должны быть немного другие цифры в этом блоке.