0
Помогите Изменить Каталог На Главной
Автор Peartshop, 18 июня 2014 01:29
Сообщений в теме: 13
#1
Отправлено 18 Июнь 2014 - 01:29
Помогите изменить каталог на главной. Для прошлого сайта делал выпадающий теперь этот бред мне не нужен , удалить весь старый каталог на главной и изменить, без вашей помощи не как.
1) Я приведу пример как он выглядит где должен, как он выглядит у меня - данный каталог на главной должен быть удален, и заменен как можно ближе к примеру который я хочу видеть, помогите пожалуйста.
1) Я приведу пример как он выглядит где должен, как он выглядит у меня - данный каталог на главной должен быть удален, и заменен как можно ближе к примеру который я хочу видеть, помогите пожалуйста.
#2
Отправлено 18 Июнь 2014 - 02:19
Пожалуйста, уточните - каталог вы хотите сделать всегда полностью развернутым? Цвет ссылок и фон имеют значение?
#3
Отправлено 18 Июнь 2014 - 03:24
Сake (18 Июнь 2014 - 02:19) писал:
Пожалуйста, уточните - каталог вы хотите сделать всегда полностью развернутым? Цвет ссылок и фон имеют значение?
Нет свернутый. Цвет ссылок и фон не имеют значения, но синия ссылка и фон белый стандарт, если же ваш дизайн лучше, то пусть будет так
#4
Отправлено 18 Июнь 2014 - 06:09
Найдите в вашем файле стилей main.css
и замените на
далее в шаблоне "HTML" найдите
и замените на
.accordion em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .accordion em.open-close:hover {background-color: #333;} .accordion a { text-decoration: none; font-size:11px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; } .accordion ul a{font-size:11px; padding: 8px 28px 8px 25px;} .accordion ul ul li a {font-size:10px; padding: 8px 10px 8px 40px;} .accordion ul ul ul li a {font-size:9px; padding: 8px 10px 8px 50px;} .accordion ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;} .accordion li ul li { background: #fff; } .box-category {margin-top: -5px;} .box-category ul {list-style: none;margin: 0 -10px;padding: 0;font-size:12px;} .box-category > ul > li {padding: 0;} .box-category > ul > li + li {border-top: 1px solid #EEEEEE;} .box-category > ul > li > a {text-decoration: none;color: #333;padding: 10px 28px 10px 10px;display:block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;} .box-category > ul > li > a:hover {background-color:#f1f1f1;padding: 10px 28px 10px 20px;} .box-category > ul > li ul {display: block;padding-left: 20px;margin: 0;} .box-category > ul > li a.active {font-weight: bold;} .box-category > ul > li a.active + ul {display: block;padding:0 0 10px 10px;} .box-category > ul > li ul > li {padding: 0;} .box-category > ul > li ul > li > a {text-decoration: none;display: block;font-size:12px;padding-bottom:3px;} .box-category > ul > li ul > li > a.active {font-weight: bold;}
и замените на
.accordion em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display: none;} .accordion em.open-close:hover {background-color: #333;} .accordion a { text-decoration: none; font-size:11px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; } .accordion ul a{font-size:11px; padding: 0 28px 0 25px;} .accordion ul ul li a {padding: 0 10px 0 40px;} .accordion ul ul ul li a {padding: 0 10px 0 50px;} .accordion ul ul ul ul li a {padding:0 10px 0 40px;} .accordion li ul li { background: #fff; } .accordion .goods-count {color: #ccc;} .box-category {margin-top: -5px;} .box-category ul {list-style: none;margin: 0 -10px;padding: 0;} .box-category > ul > li {padding: 0;} .box-category > ul > li + li {} .box-category > ul > li > a {text-decoration: none;padding: 0 28px 0 10px;display:block;} .box-category > ul > li > a:hover {padding: 0 28px 0 10px;} .box-category > ul > li ul {display: block;padding-left: 20px;margin: 0;} .box-category > ul > li a.active {font-weight: bold;} .box-category > ul > li a.active + ul {display: block;padding:0 0 0 10px;} .box-category > ul > li ul > li {padding: 0;} .box-category > ul > li ul > li > a {text-decoration: none;display: block;} .box-category > ul > li ul > li > a.active {font-weight: bold;}
далее в шаблоне "HTML" найдите
{%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%}
и замените на
{%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} <span class="goods-count">({catalog_full.GOODS_COUNT})</span></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%}
#5
Отправлено 18 Июнь 2014 - 11:51
Спасибо, уберите пожалуйста оранжевые полоски в меню, и выровняйте пожалуйста (Каталог залезает на фрукты).
#8
Отправлено 18 Июнь 2014 - 15:02
Peartshop (18 Июнь 2014 - 14:12) писал:
Аккаунт SL-297724
.box-category ul {list-style: none;margin: 0 -10px;padding: 0;}замените на
.box-category ul {list-style: none;margin: 7px -10px;padding: 0;}Чтобы убрать ораньжевы полоски найдите
.box-category > ul > li > a { background-color: #eea413; color: #fff; }замените на
.box-category > ul > li > a { background-color: #fff; color: #C73636; }за цвет фона(оранжевые полоски)отвечает значение background-color: #fff;(белый цвет) можете менятьзначение
за цвет самих слов color: #C73636(красный цвет); можете менять значения
#9
Отправлено 18 Июнь 2014 - 17:10
Ирина345 (18 Июнь 2014 - 15:02) писал:
Чтобы выровнять меню находите в main.css
за цвет самих слов color: #C73636(красный цвет); можете менять значения
.box-category ul {list-style: none;margin: 0 -10px;padding: 0;}замените на
.box-category ul {list-style: none;margin: 7px -10px;padding: 0;}Чтобы убрать ораньжевы полоски найдите
.box-category > ul > li > a { background-color: #eea413; color: #fff; }замените на
.box-category > ul > li > a { background-color: #fff; color: #C73636; }за цвет фона(оранжевые полоски)отвечает значение background-color: #fff;(белый цвет) можете менятьзначение
за цвет самих слов color: #C73636(красный цвет); можете менять значения
Помогите подкатегории сделать тоже синие , и полоска там не нужна полоска нужна в другом месте. В общем чтоб все категории были синим цветом и категории были скрыты!
#11
Отправлено 18 Июнь 2014 - 17:20
В данной теме вопросы о каталоге на Главной , в другой вопросы о каталоге внутри.
Сделайте пожалуйста каталог на главной разделы под разделам, то есть кликаешь - выскакивает, не сразу с категориями.
Сделайте пожалуйста каталог на главной разделы под разделам, то есть кликаешь - выскакивает, не сразу с категориями.
#12
Отправлено 19 Июнь 2014 - 01:38
Вы хотите каталог аккордионом сделать, который раскрывается бех перезагрузки?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных