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


Размеры


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

#1 ProninT

ProninT

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

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

Отправлено 26 Август 2016 - 19:10

Добрый тень, хотелось бы в каталогах babo4ek.net поменять немного пропорции:
Все как на скрине -
1) растянуть по ширине (только ширине) весь блок товара, чтобы они друг к другу стояли почти вплотную ~ 1-3 пикселя зазор
2) сместить перегородку между картинкой и текстом вниз, и информацию внизу скомпоновать поплотнее, чтобы максимально уделить внимание картинке (смысла намного ее смещать вниз нет, потому что у меня квадратные картинки)

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

  • увеличение картинки.png


#2 Vaccina

Vaccina

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

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

Отправлено 27 Август 2016 - 04:25

В main.css найдите:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
	margin-top: 47px;
}

замените на:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
	margin-top: 47px;
	padding: 0 2px;
}


#3 ProninT

ProninT

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

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

Отправлено 27 Август 2016 - 20:33

Просмотр сообщенияVaccina (27 Август 2016 - 04:25) писал:

В main.css найдите:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
margin-top: 47px;
}

замените на:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
margin-top: 47px;
padding: 0 2px;
}


Изменения коснулись только главной страницы

Просмотр сообщенияVaccina (27 Август 2016 - 04:25) писал:

В main.css найдите:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
margin-top: 47px;
}

замените на:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
margin-top: 47px;
padding: 0 2px;
}


также хотелось бы чтобы это все сказалось и на мобильной версии..

#4 ProninT

ProninT

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

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

Отправлено 29 Август 2016 - 14:40

Просмотр сообщенияVaccina (27 Август 2016 - 04:25) писал:

В main.css найдите:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
margin-top: 47px;
}

замените на:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
margin-top: 47px;
padding: 0 2px;
}

Ауууу

#5 Firefly

Firefly

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

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

Отправлено 30 Август 2016 - 15:37

Просмотр сообщенияProninT (27 Август 2016 - 20:33) писал:

Изменения коснулись только главной страницы




также хотелось бы чтобы это все сказалось и на мобильной версии..

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.products-grid .item.show-addtocart {margin-top: 27px;}

Замените на:
.products-grid .item.show-addtocart {margin-top: 27px;padding: 0 2px;}





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

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