1-увеличить текст (16), сделать его насыщенно черным
2- кнопки сделать крупнее
3 цену сделать крупнее
4- название увеличить и сделать насыщенно черным
5-увеличить шрифт категорий товаров
6- сделать подкатегории товаров в столбик
7- увеличить шрифт
0
Помощь По Карточке Товаров
Автор Юрий32, 22 нояб. 2018 00:10
Сообщений в теме: 3
#1
Отправлено 22 Ноябрь 2018 - 00:10
#2
Отправлено 24 Ноябрь 2018 - 08:27
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-view .product-shop .short-description {float: left;width: 100%;margin: 0;display: inline-block;}
замените на:
.product-view .product-shop .short-description {float: left;width: 100%;margin: 0;display: inline-block;font-size: 16px;}
далее найдите:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 14px;float: left;font-weight: 600;text-transform: uppercase;margin: 0 15px 0 0px;padding: 7px 25px;}
замените на:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 14px;float: left;font-weight: 600;text-transform: uppercase;margin: 0 15px 0 0px;padding: 15px 25px;height: auto;}
далее найдите:
.product-view .product-shop .price-box .special-price .price {font-size: 24px;}
замените на:
.product-view .product-shop .price-box .special-price .price {font-size: 28px;}
далее найдите:
.product-view .product-shop .product-name h1 {font-size: 28px;line-height: 28px;font-weight: 400;margin: 0;text-transform: none;padding: 0;color: #404040;max-height: 86px;overflow: hidden;}
замените на:
.product-view .product-shop .product-name h1 {font-size: 32px;line-height: 32px;font-weight: 400;margin: 0;text-transform: none;padding: 0;color: #000;max-height: 86px;overflow: hidden;}
далее найдите:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 10px 15px;color: #000;text-transform: uppercase;position: relative;letter-spacing: 0.2px;}
замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 10px 15px;color: #000;text-transform: uppercase;position: relative;letter-spacing: 0.2px;font-size: 16px;}
далее найдите:
#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.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-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.level0.parent a.title-lv0:after {content: "\f107";font-family: FontAwesome;position: relative;left: 5px;} #custommenu ul.mainnav li.level0.parent:hover a.title-lv0:after {color: #3e7a25;} #custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;}
замените на:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:320px;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.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-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.level0.parent a.title-lv0:after {content: "\f107";font-family: FontAwesome;position: relative;left: 5px;} #custommenu ul.mainnav li.level0.parent:hover a.title-lv0:after {color: #3e7a25;}
далее найдите:
.block-menu-links a {color: #000 !important;}
замените на:
.block-menu-links a {color: #000 !important;font-size: 16px;}
#4
Отправлено 29 Ноябрь 2018 - 09:42
Юрий32 (25 Ноябрь 2018 - 20:55) писал:
Спасибо,
можно ли сделать так, что бы при наведении на категорию товара, подкатегория появлялась сразу под ней, сейчас она появляется на одном месте
можно ли сделать так, что бы при наведении на категорию товара, подкатегория появлялась сразу под ней, сейчас она появляется на одном месте
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
#custommenu ul.mainnav li ul.dropdown-menu { position: absolute; width: 320px; 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: 320px; 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; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных