#1
Отправлено 15 Июнь 2017 - 18:33
1. где главная,каталог, и т д. уменьшить шрифт.
2.Добавить(Логотип . строку поиска , номер телефона и корзину,
3. Переместить каталог (чтобы он был выпадающим)
Аккаунт SL-415721
#2
Отправлено 16 Июнь 2017 - 17:26
Alexandr Pe (15 Июнь 2017 - 18:33) писал:
1. где главная,каталог, и т д. уменьшить шрифт.
2.Добавить(Логотип . строку поиска , номер телефона и корзину,
3. Переместить каталог (чтобы он был выпадающим)
Аккаунт SL-415721
Изменения Вам произвел, проверьте, пожалуйста.
В main.css найдите код
#custommenu ul.mainnav li.level0 > a {display: block;padding: 15px 20px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;}в нем изменяйте размер шрифта(font-size)
#3
Отправлено 16 Июнь 2017 - 17:30
Danil (16 Июнь 2017 - 17:26) писал:
Изменения Вам произвел, проверьте, пожалуйста.
В main.css найдите код
#custommenu ul.mainnav li.level0 > a {display: block;padding: 15px 20px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;}в нем изменяйте размер шрифта(font-size)
#4
Отправлено 16 Июнь 2017 - 17:42
Alexandr Pe (16 Июнь 2017 - 17:30) писал:
Что касается бокового, то что делать с ним, т.к. если его убрать, будет пустое пространство, а если полностью удалить левую колонку, то пропадут разделы "Вы смотрели", "Фильтры" и т.д.
#5
Отправлено 16 Июнь 2017 - 18:19
Просто получается 2 каталога а так будет пустое место туда никак что нибудь вставить.
#6
Отправлено 16 Июнь 2017 - 18:25
1 убрать виджет входа в личный кабинет боковой.
2 где менять шрифт номера телефона которы рядом со строкой поиска.
3 где менять шрифт верхнего меня а то там все большим шрифтом
#7
Отправлено 17 Июнь 2017 - 11:39
Alexandr Pe (16 Июнь 2017 - 18:25) писал:
1 убрать виджет входа в личный кабинет боковой.
2 где менять шрифт номера телефона которы рядом со строкой поиска.
3 где менять шрифт верхнего меня а то там все большим шрифтом
Здравствуйте.
1. В шаблоне main.css найдите код:
#header-right {position: fixed;top: 90px;right: 0;z-index: 99;text-align: right;}
Замените на:
#header-right {position: fixed;top: 90px;right: 0;z-index: 99;text-align: right;display: none;}
2. В шаблоне main.css найдите код:
.header-contact a, .header-contact em {font-size: 18px;}
Измените значение 18px
3. Найдите код:
#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #2c75ff;line-height: 30px;text-transform: uppercase;font-size: 15px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}
Измените значение 15px
#8
Отправлено 17 Июнь 2017 - 15:57
1) Верхнее меню всплывающее название все КРУПНЫМ шрифтом. где его можно поменять?
2)Возможно ли убрать каталог и чем то закрыть пустое пространство.
3)В мобильной версии вообще все поплыло можно ли как то собрать.
4) С этим товаром смотрят(изображение расплющенное)в мобильной версии так же.
5)Как то адаптировать под все браузеры.
#9
Отправлено 17 Июнь 2017 - 17:24
1.
#header-bottom ul.mainnav li a.title-lv1 {font-size: 16px;font-weight: 700;display: block;color: #256d7b;text-transform: uppercase;line-height: 17px;padding: 15px 0px;margin-right: 15px;word-wrap: break-word;position: relative;}
замените на:
#header-bottom ul.mainnav li a.title-lv1 {font-size: 16px;font-weight: 700;display: block;color: #256d7b;text-transform: none;line-height: 17px;padding: 15px 0px;margin-right: 15px;word-wrap: break-word;position: relative;}
- за шрифт отвечает атрибут text-transform
2. найдите:
.col-left .block {margin-bottom:30px;float: left;width: 100%;}
замените на:
.col-left .block {margin-bottom:30px;float: left;width: 100%;display:none;}
3. В конец кода main.css вставьте:
@media (min-width: 768px) and (max-width: 1000px) { .header-contact.col-sm-4.col-sms-6.col-smb-12{width:40%;margin-top:10px;} .header-contact a, .header-contact em {font-size: 22px;} .header-cart.col-sm-1.col-sms-6.col-smb-12{width:10%;} } @media (min-width: 641px) and (max-width: 768px) { .header-contact.col-sm-4.col-sms-6.col-smb-12{width:40%;margin-top:10px;} .header-contact a, .header-contact em {font-size: 20px;} .header-cart.col-sm-1.col-sms-6.col-smb-12{width:10%;} } @media (min-width: 481px) and (max-width: 641px) { .header-contact.col-sm-4.col-sms-6.col-smb-12{width:40%;margin-top:10px;} .header-contact a, .header-contact em {font-size: 16px;} .header-cart.col-sm-1.col-sms-6.col-smb-12{width:5%;} } @media all and (max-width: 481px) { .header-contact.col-sm-4.col-sms-6.col-smb-12{width:80%;float:left;margin-top:15px;text-align:right;padding-right:10%;} .header-contact a, .header-contact em {font-size: 20px;} .header-cart.col-sm-1.col-sms-6.col-smb-12{width:5%;} }
4. в main.css найдите(579 строка):
.owl-carousel .owl-item img{display:block;width:100%}
замените на:
.owl-carousel .owl-item img{/* display:block; *//* width:100%; */}
#10
Отправлено 17 Июнь 2017 - 17:37
metry (17 Июнь 2017 - 17:24) писал:
1.
#header-bottom ul.mainnav li a.title-lv1 {font-size: 16px;font-weight: 700;display: block;color: #256d7b;text-transform: uppercase;line-height: 17px;padding: 15px 0px;margin-right: 15px;word-wrap: break-word;position: relative;}
замените на:
#header-bottom ul.mainnav li a.title-lv1 {font-size: 16px;font-weight: 700;display: block;color: #256d7b;text-transform: none;line-height: 17px;padding: 15px 0px;margin-right: 15px;word-wrap: break-word;position: relative;}
- за шрифт отвечает атрибут text-transform
2. найдите:
.col-left .block {margin-bottom:30px;float: left;width: 100%;}
замените на:
.col-left .block {margin-bottom:30px;float: left;width: 100%;display:none;}
3. В конец кода main.css вставьте:
@media (min-width: 768px) and (max-width: 1000px) { .header-contact.col-sm-4.col-sms-6.col-smb-12{width:40%;margin-top:10px;} .header-contact a, .header-contact em {font-size: 22px;} .header-cart.col-sm-1.col-sms-6.col-smb-12{width:10%;} } @media (min-width: 641px) and (max-width: 768px) { .header-contact.col-sm-4.col-sms-6.col-smb-12{width:40%;margin-top:10px;} .header-contact a, .header-contact em {font-size: 20px;} .header-cart.col-sm-1.col-sms-6.col-smb-12{width:10%;} } @media (min-width: 481px) and (max-width: 641px) { .header-contact.col-sm-4.col-sms-6.col-smb-12{width:40%;margin-top:10px;} .header-contact a, .header-contact em {font-size: 16px;} .header-cart.col-sm-1.col-sms-6.col-smb-12{width:5%;} } @media all and (max-width: 481px) { .header-contact.col-sm-4.col-sms-6.col-smb-12{width:80%;float:left;margin-top:15px;text-align:right;padding-right:10%;} .header-contact a, .header-contact em {font-size: 20px;} .header-cart.col-sm-1.col-sms-6.col-smb-12{width:5%;} }
4. в main.css найдите(579 строка):
.owl-carousel .owl-item img{display:block;width:100%}
замените на:
.owl-carousel .owl-item img{/* display:block; *//* width:100%; */}
2) мобильная версия все ровно кривая.
#11
Отправлено 17 Июнь 2017 - 18:01
#12
Отправлено 17 Июнь 2017 - 20:21
metry (17 Июнь 2017 - 18:01) писал:
2) Мобильная версия скрыть выплывающий каталок.
еще везде убрать добавить в избранное.
#13
Отправлено 18 Июнь 2017 - 18:44
Alexandr Pe (17 Июнь 2017 - 20:21) писал:
2) Мобильная версия скрыть выплывающий каталок.
еще везде убрать добавить в избранное.
В шаблоне HTML
{% IF index_page %} <div class="col-md-12 col-xs-12 col-right"> <!-- Slider Слайдер -->
{% IFNOT index_page %} <div class="{% IF MOD_LNAME=cart || MOD_LNAME=goods %}col-xs-12{% ELSE %}col-md-12 col-xs-12 col-right{% ENDIF %}"> <!-- Заголовок страницы -->
2)Скрыл меню каталога на моб. версии:
@media all and (max-width: 481px) { #header-bottom {display:none;}Скрыл кнопку избранное
.wishlist {display:none!important;} /* Товары списком */
#15
Отправлено 28 Июнь 2017 - 09:27
Alexandr Pe (28 Июнь 2017 - 09:03) писал:
Фильтры Вам вернул, но не в ту область, что отмечена на скриншоте, т.к. если фильтров будет несколько, отображение будет не совсем корректным.
#16
Отправлено 28 Июнь 2017 - 09:35
Danil (28 Июнь 2017 - 09:27) писал:
Фильтры Вам вернул, но не в ту область, что отмечена на скриншоте, т.к. если фильтров будет несколько, отображение будет не совсем корректным.
#19
Отправлено 28 Июнь 2017 - 19:05
Alexandr Pe (28 Июнь 2017 - 15:34) писал:
В main.css найдите код
.products-grid .item .item-inner .actions.compare-off .add-cart.button {width: 50%;}и замените на
.products-grid .item .item-inner .actions.compare-off .add-cart.button {width: 100%;}Пришлите пример кнопки купить, чтобы мы могли подготовить инструкцию.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных