Перейти к содержимому


Помощь По Карточке Товаров


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Юрий32

Юрий32

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 22 Ноябрь 2018 - 00:10

1-увеличить текст (16), сделать его насыщенно  черным
2- кнопки сделать крупнее
3 цену сделать крупнее
4- название увеличить и сделать насыщенно черным
5-увеличить шрифт категорий товаров
6- сделать подкатегории товаров в столбик
7- увеличить шрифт

Прикрепленные изображения

  • карточка.png
  • главная стр.png


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 24 Ноябрь 2018 - 08:27

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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;}


#3 Юрий32

Юрий32

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Ноябрь 2018 - 20:55

Спасибо,
можно ли сделать так, что бы при наведении на категорию товара, подкатегория появлялась сразу под ней, сейчас она появляется на одном месте

Прикрепленные изображения

  • подкатегории.png


#4 stasia

stasia

    Активный участник

  • Модераторы
  • 560 сообщений

Отправлено 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 анонимных