Делаем 2Й Блок Каталога Товаров
#1
Отправлено 24 Декабрь 2017 - 11:12
#2
Отправлено 25 Декабрь 2017 - 17:05
sogoodfso (24 Декабрь 2017 - 11:12) писал:
Здравствуйте. Можно сделать второй каталог из скрытых категорий. Для этого скройте те корневые категории,которые Вы хотите вывести отдельным меню. Далее в шаблоне HTML кода:
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
Добавьте:
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
#3
Отправлено 27 Декабрь 2017 - 12:47
MikDark (25 Декабрь 2017 - 17:05) писал:
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
Добавьте:
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
И если честно не очень понял выше написанное!
#4
Отправлено 29 Декабрь 2017 - 15:09
sogoodfso (27 Декабрь 2017 - 12:47) писал:
И если честно не очень понял выше написанное!
Данные категории можно отображать на сайте, а можно скрыть.
Что бы скрыть каталог зайдите в редактирование данного каталога и поставьте галочку на против параметра "Скрыть категорию". В разделе Товары-Товары данная категория станет серым цветом, а на сайте появиться второй каталог, если Вы выполнили инструкцию из сообщения выше.
#5
Отправлено 20 Январь 2018 - 09:51
MikDark (25 Декабрь 2017 - 17:05) писал:
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
Добавьте:
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
Можно поподробнее, не понимаю что и куда копировать
#6
Отправлено 20 Январь 2018 - 10:04
MikDark (25 Декабрь 2017 - 17:05) писал:
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->Я всё правильно сделал?
Добавьте:
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
#9
Отправлено 24 Январь 2018 - 21:47
Mr.Nito (24 Январь 2018 - 18:56) писал:
Добавил каталог для вывода скрытых категорий.
В разделе Товары - Товары в настройке категории установите галочку "скрыть" и она появится во "2м каталоге"
#10
Отправлено 25 Январь 2018 - 08:57
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!--Из скрытых--> <div class="block-title" style="margin-top: 10px;"> <strong><span>Металлическая фурнитура</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
замените на:
<!--Из скрытых--> <div class="block-title" style="margin-top: 10px;"> <strong><span>Металлическая фурнитура</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion hidden_accordion">{% ENDIF %} <li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
далее зайдите в main.js - найдите:
jQuery("ul.accordion li.parent").each(function(){ jQuery(this).append('<em class="open-close"> </em>'); }); jQuery('ul.accordion').accordion(); jQuery("ul.accordion li.active").each(function(){ jQuery(this).children().next("ul").css('display', 'block'); });
после него пропишите:
jQuery("ul.hidden_accordion li.parent").each(function(){ jQuery(this).append('<em class="open-close"> </em>'); }); jQuery('ul.hidden_accordion').accordion(); jQuery("ul.hidden_accordion li.active").each(function(){ jQuery(this).children().next("ul").css('display', 'block'); });
#11
Отправлено 25 Январь 2018 - 10:18
Vaccina (25 Январь 2018 - 08:57) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!--Из скрытых--> <div class="block-title" style="margin-top: 10px;"> <strong><span>Металлическая фурнитура</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
замените на:
<!--Из скрытых--> <div class="block-title" style="margin-top: 10px;"> <strong><span>Металлическая фурнитура</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion hidden_accordion">{% ENDIF %} <li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров -->
далее зайдите в main.js - найдите:
jQuery("ul.accordion li.parent").each(function(){ jQuery(this).append('<em class="open-close"> </em>'); }); jQuery('ul.accordion').accordion(); jQuery("ul.accordion li.active").each(function(){ jQuery(this).children().next("ul").css('display', 'block'); });
после него пропишите:
jQuery("ul.hidden_accordion li.parent").each(function(){ jQuery(this).append('<em class="open-close"> </em>'); }); jQuery('ul.hidden_accordion').accordion(); jQuery("ul.hidden_accordion li.active").each(function(){ jQuery(this).children().next("ul").css('display', 'block'); });
Спасибо большое, всё получилось, теперь другая проблема, как мне убрать серый фон категорий и в этом каталоге и в основном? И как мне убрать белую полоску между каталогами?
#12
Отправлено 27 Январь 2018 - 20:42
sogoodfso (25 Январь 2018 - 10:18) писал:
Чтобы убрать серый фон пунктов в style.css заменил
.accordion li ul li { background: #f7f6f4; } /* END Меню-аккордеон */на
.accordion li ul li { background: #fff; } /* END Меню-аккордеон */
убрать белую полос между
/*Navbar*/ .block2 {margin-bottom: 20px;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;}
на
/*Navbar*/ .block2 {margin-bottom: 20px;background: #f2f2f2;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;}
#13
Отправлено 28 Январь 2018 - 10:29
Mr.Nito (27 Январь 2018 - 20:42) писал:
Чтобы убрать серый фон пунктов в style.css заменил
.accordion li ul li { background: #f7f6f4; } /* END Меню-аккордеон */на
.accordion li ul li { background: #fff; } /* END Меню-аккордеон */
убрать белую полос между
/*Navbar*/ .block2 {margin-bottom: 20px;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;}
на
/*Navbar*/ .block2 {margin-bottom: 20px;background: #f2f2f2;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных