0
Изменения В Каталоге
Автор Виталий702, 21 июня 2016 09:14
Сообщений в теме: 10
#1
Отправлено 21 Июнь 2016 - 09:14
Здравствуйте! Аккаунт SL-333527
1 - как сделать у выпадающего меню закругленные края?
2- убрать подчеркивание
3 - изменить ширину, чтобы подкатегории были отцентрованы?
Спасибо!
И главный 4 вопрос - как сделать, при наведении курсором на товар - выползало краткое описание?
Вот спасибо!
1 - как сделать у выпадающего меню закругленные края?
2- убрать подчеркивание
3 - изменить ширину, чтобы подкатегории были отцентрованы?
Спасибо!
И главный 4 вопрос - как сделать, при наведении курсором на товар - выползало краткое описание?
Вот спасибо!
#2
Отправлено 21 Июнь 2016 - 22:56
Вопрос открыт! Будьте бдительны, пожалуйста!!!
#3
Отправлено 22 Июнь 2016 - 08:02
Ответьте, пожалуйста, на вопросы!
#4
Отправлено 22 Июнь 2016 - 11:48
Господа гуру!!! Помогите, пожалуйста, хоть с частью вопросов.... С чего-то надо начинать!!! Спасибо!
#5
Отправлено 22 Июнь 2016 - 14:31
Виталий702 (21 Июнь 2016 - 09:14) писал:
Здравствуйте! Аккаунт SL-333527
1 - как сделать у выпадающего меню закругленные края?
2- убрать подчеркивание
3 - изменить ширину, чтобы подкатегории были отцентрованы?
Спасибо!
И главный 4 вопрос - как сделать, при наведении курсором на товар - выползало краткое описание?
Вот спасибо!
1 - как сделать у выпадающего меню закругленные края?
2- убрать подчеркивание
3 - изменить ширину, чтобы подкатегории были отцентрованы?
Спасибо!
И главный 4 вопрос - как сделать, при наведении курсором на товар - выползало краткое описание?
Вот спасибо!
Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Замените на:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;border-radius: 5px;}
2. Найдите код:
#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}
Замените на:
/*#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}*/
3. Найдите код:
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;}
Замените на:
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;margin-left: 8%;}
4. Добавьте в конце main.css код:
.products-grid .item .product-hover .short-description-goods {display:none;} .products-grid .item .product-hover:hover .short-description-goods {display:block;position:absolute;bottom:30%;left:40px;color:#fff;background-color:grey;padding:10px;}
В шаблоне Товары перед кодом:
<div class="add-to-links">
Добавьте код:
<!-- Краткое описание --> {% IF goods.DESCRIPTION_SHORT %} <div class="short-description-goods"> <span itemprop="description">{goods.DESCRIPTION_SHORT}</span> </div> {% ENDIF %}
#6
Отправлено 23 Июнь 2016 - 09:08
Firefly (22 Июнь 2016 - 14:31) писал:
Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
Замените на:
2. Найдите код:
Замените на:
3. Найдите код:
Замените на:
4. Добавьте в конце main.css код:
В шаблоне Товары перед кодом:
Добавьте код:
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
Замените на:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;border-radius: 5px;}
2. Найдите код:
#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}
Замените на:
/*#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}*/
3. Найдите код:
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;}
Замените на:
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;margin-left: 8%;}
4. Добавьте в конце main.css код:
.products-grid .item .product-hover .short-description-goods {display:none;} .products-grid .item .product-hover:hover .short-description-goods {display:block;position:absolute;bottom:30%;left:40px;color:#fff;background-color:grey;padding:10px;}
В шаблоне Товары перед кодом:
<div class="add-to-links">
Добавьте код:
<!-- Краткое описание --> {% IF goods.DESCRIPTION_SHORT %} <div class="short-description-goods"> <span itemprop="description">{goods.DESCRIPTION_SHORT}</span> </div> {% ENDIF %}
А помогите, пожалуйста, ответить еще на этот вопрос: Как удалить из "Сортировать по" строчки - изображению, наличию, дате, рейтингу и количество отзывов? Спасибо! Я его открывал в другой теме, но чего-то ответы, которые там дают, не приносят изменений.
#7
Отправлено 23 Июнь 2016 - 10:40
Виталий702 (23 Июнь 2016 - 09:08) писал:
Огромное Вам спасибо! Все четко, то что хотел сделать!
А помогите, пожалуйста, ответить еще на этот вопрос: Как удалить из "Сортировать по" строчки - изображению, наличию, дате, рейтингу и количество отзывов? Спасибо! Я его открывал в другой теме, но чего-то ответы, которые там дают, не приносят изменений.
А помогите, пожалуйста, ответить еще на этот вопрос: Как удалить из "Сортировать по" строчки - изображению, наличию, дате, рейтингу и количество отзывов? Спасибо! Я его открывал в другой теме, но чего-то ответы, которые там дают, не приносят изменений.
Здравствуйте.
Ответил Вам в основной теме, где Вы задавали вопрос.
#10
Отправлено 12 Сентябрь 2016 - 15:41
abram3 (11 Сентябрь 2016 - 19:13) писал:
Добрый день!Нужна помощь!Можно ли сделать если товара нет в наличии,вместо цены отображалась надпись"Нет в наличии"?Но только чтобы она отображалась только когда нет ни одного цвета в наличии!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных