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


Витрина И Корзина


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

#1 Юрий32

Юрий32

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

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

Отправлено 22 Январь 2019 - 16:13

Добрый день
1- обвести рамками витрину
2- увеличить шрифт цены и названия
3- сделать фон рамки белый
4- обвести рамками колонки

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

  • енгонп.png
  • Безымянный.png


#2 Vaccina

Vaccina

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

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

Отправлено 23 Январь 2019 - 01:52

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product.rotation, .employee.rotation {overflow: visible;}

замените на:
.product.rotation, .employee.rotation {overflow: visible;border: 1px solid #3c7b20;background: #f2f2f2;}

далее найдите:
.product .product-name {color: #1e1e1e;font-size: 13px;font-weight: normal;line-height: 16px;margin: 0 0 4px;text-transform: none;max-height:50px;overflow:hidden;}
.product-name a {color: #1e1e1e;text-decoration: none;-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.product-name a:hover {opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.product .price {font-weight: bold;}

замените на:
.product .product-name {color: #1e1e1e;font-size: 15px;font-weight: normal;line-height: 16px;margin: 0 0 4px;text-transform: none;max-height:50px;overflow:hidden;}
.product-name a {color: #1e1e1e;text-decoration: none;-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.product-name a:hover {opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.product .price {font-weight: bold;font-size: 20px;}

далее найдите:
.table-box thead td, .table-box tfoot td {background-color: #ececec;border: 1px solid #dddddd;line-height: 18px;padding: 12px;text-align: center;color: #404040;}

замените на:
.table-box thead td, .table-box tfoot td {background-color: #fff;border: 1px solid #3e7a25 !important;line-height: 18px;padding: 12px;text-align: center;color: #404040;}


#3 Юрий32

Юрий32

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

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

Отправлено 29 Январь 2019 - 20:30

Спасибо, можно еще добавить
1- обвести до конца колонки
2- увеличить шрифт и сделать его насыщенно черным
3- увеличить шрифт
4- сделать на витрине между карточками зазор

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

  • Безымянный.png
  • Безымянный1.png


#4 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2019 - 07:35

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.table-box > tbody > tr > th, .table-box > tfoot > tr > th, .table-box > tbody > tr > td, .table-box > tfoot > tr > td {border: 1px solid #dddddd;line-height: 18px;padding: 16px 10px 15px;text-align: center;}

замените на:
.table-box > tbody > tr > th, .table-box > tfoot > tr > th, .table-box > tbody > tr > td, .table-box > tfoot > tr > td {border: 1px solid #3e7a25;line-height: 18px;padding: 16px 10px 15px;text-align: center;}

далее найдите:
.cartTable tbody td.name a {display: block;font-size: 16px;line-height: 1.3;margin-bottom: 10px;}
.cartTable tbody td.name div {font-size: 12px;margin-bottom: 3px;}

замените на:
.cartTable tbody td.name a {display: block;font-size: 18px;color: #000;line-height: 1.3;margin-bottom: 10px;}
.cartTable tbody td.name div {font-size: 14px;margin-bottom: 3px;color: #000;}
.cartTable .price {font-size: 20px;}

далее найдите:
.products-grid .item {display: inline-block;position: relative;margin: 0 0 20px;text-align: center;}

замените на:
.products-grid .item {display: inline-block;position: relative;margin: 0 5px 20px;text-align: center;}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных