Добавление Таблицы Размеров
#1
Отправлено 26 Апрель 2016 - 11:35
#2
Отправлено 26 Апрель 2016 - 12:10
spaykus (26 Апрель 2016 - 11:35) писал:
Здравствуйте, если таблица размеров будет одинаковая по всех категориях, то можно прописать через условия, для этого создайте отдельную страницу с таблицей в разделе Сайт-Сраницы, далее в шаблоне Товар в необходимом месте добавьте код:
{% FOR upper_navigation %} {% IF upper_navigation.NAME = название категории %} <a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/ссылка на страницу?only_body=1">Таблица размеров</span></a> {% ENDIF %} {% ENDFOR %}
"ссылка на страницу " замените на ссылку вида /page/названиеСтраницы, если не получится, то я помогу Вам с изменением.
Далее в шаблоне HTML добавьте код:
<script> $(document).ready(function() { $(".tableSize").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
перед кодом:
</head>
Контент нужной Вам страницы будет отображаться во всплывающем окне.
#3
Отправлено 26 Апрель 2016 - 21:02
#8
Отправлено 27 Апрель 2016 - 18:58
spaykus (27 Апрель 2016 - 18:22) писал:
И как добавлять таблицу в другие категории товаров?
Здравствуйте.
Создал Вам бэкап и внес поправки в код.
В дальнейшем, чтобы создавать условия для других категорий товаров, добавляйте аналогичный блок кода в шаблоне Товар:
{% IF upper_navigation.NAME = название категории %} <div class="tableSizeBlock"> <span><a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/page/название страницы?only_body=1">Таблица размеров</a></span> </div> {% ENDIF %}
перед закрывающимся циклом {% ENDFOR %} (выделил ниже жирным).
{% FOR upper_navigation %}
{% IF upper_navigation.NAME = Футболки %}
<div class="tableSizeBlock">
<span><a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/...body=1">Таблица размеров</a></span>
</div>
{% ENDIF %}
{% ENDFOR %}
#9
Отправлено 28 Апрель 2016 - 06:46
Firefly (27 Апрель 2016 - 18:58) писал:
Создал Вам бэкап и внес поправки в код.
В дальнейшем, чтобы создавать условия для других категорий товаров, добавляйте аналогичный блок кода в шаблоне Товар:
{% IF upper_navigation.NAME = название категории %} <div class="tableSizeBlock"> <span><a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/page/название страницы?only_body=1">Таблица размеров</a></span> </div> {% ENDIF %}
перед закрывающимся циклом {% ENDFOR %} (выделил ниже жирным).
{% FOR upper_navigation %}
{% IF upper_navigation.NAME = Футболки %}
<div class="tableSizeBlock">
<span><a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/...body=1">Таблица размеров</a></span>
</div>
{% ENDIF %}
{% ENDFOR %}
#10
Отправлено 23 Июнь 2016 - 20:51
1. расположение самой ссылки сделать в одной линии с выбором модификации ВЫБЕРИТЕ РАЗМЕР
2. сделала все как по инструкции но при нажатии на ссылку открывается просто белое окно
#11
Отправлено 24 Июнь 2016 - 02:31
<a class="tableSize fancybox.ajax" href="http://yoursize-shop.ru/page/tablesize">Таблица размеров</span></a>
замените на:
<a class="tableSize fancybox.ajax" href="http://yoursize-shop.ru/page/tablesize?only_body=1">Таблица размеров</span></a> <script> $(document).ready(function() { $(".tableSize").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
#12
Отправлено 24 Июнь 2016 - 10:58
Vaccina (24 Июнь 2016 - 02:31) писал:
<a class="tableSize fancybox.ajax" href="http://yoursize-shop.ru/page/tablesize">Таблица размеров</span></a>
замените на:
<a class="tableSize fancybox.ajax" href="http://yoursize-shop.ru/page/tablesize?only_body=1">Таблица размеров</span></a> <script> $(document).ready(function() { $(".tableSize").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
спасибо, а выровнять саму кнопку как?
#14
Отправлено 24 Июнь 2016 - 11:20
Danil (24 Июнь 2016 - 11:14) писал:
В конец main.css добавьте
a.tableSize { margin: 0px 0px 0px 0px; display: block; float: right; }
Можно так?
и кстати что то с формой не так. Почему я не могу ее размеры менять?Плажка размеры меняет а вот содержимое остается в одних рамках..Мне нужно что бы вся табличка влезла в плажку всплывающую
#15
Отправлено 25 Июнь 2016 - 13:13
#18
Отправлено 26 Июнь 2016 - 16:58
Ольга 94 (26 Июнь 2016 - 16:48) писал:
в main.css найдите код
a.tableSize { margin: -3px 0px 0px -5px; display: block; float: left; text-decoration: underline; }и замените на
a.tableSize { display: block; float: right; text-decoration: underline; margin-top: 25px; } .goodsDataMainModificationsList { display: none; }
#19
Отправлено 10 Май 2017 - 17:11
#20
Отправлено 11 Май 2017 - 07:15
Можно несколькими путями реализовать желаемое:
- в неиспользуемое поле описания(например, краткое SEO описание) вставлять изображение, которое будет всплывать при клике на кнопку
- заранее разместить в коде изображения и разделить их по категориям, например у товара в категории 2 при клике на кнопку будет всплывать изображение 1
- заранее разместить в коде изображения и разделить их по характеристикам(штаны, кофты и т.д.), и выводить ту или иную размерную сетку в зависимости от характеристики товара
Какой вариант вас больше устроит? У всех товаров будет размерная сетка?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных