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


Иконки Каталога Разъехались


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

#1 Юрий32

Юрий32

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

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

Отправлено 19 Декабрь 2017 - 23:41

фото вылезли за ранки и сами иконки разъехались

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

  • пппп.png


#2 RayLi

RayLi

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

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

Отправлено 20 Декабрь 2017 - 12:30

Просмотр сообщенияЮрий32 (19 Декабрь 2017 - 23:41) писал:

фото вылезли за ранки и сами иконки разъехались

Здравствуйте.
Для этого Вам необходимо в шаблоне main.css найдите, пожалуйста, данный код:

.products-grid .item .product-hover {
	position: relative;
	border: 1px solid #dddddd;
	max-width: 264px;
	max-height: 264px;
}

И замените его вот этим вот кодом:

.products-grid .item .product-hover {
	position: relative;
	border: 1px solid #dddddd;
	max-width: 250px;
	max-height: 275px;
}


И далее в самый конец того же шаблона добавьте, пожалуйста, следующий код:

.goods-image-small {
	max-width: 245px !important;
}


#3 Юрий32

Юрий32

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

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

Отправлено 20 Декабрь 2017 - 13:56

Спасибо конечно за ответ, но ничего не изменилось. Иконки встали ровно. а картинки больше иконок ,сайт http://7happyshopping.ru/catalog размеры картинок 500x500

#4 RayLi

RayLi

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

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

Отправлено 20 Декабрь 2017 - 16:26

Просмотр сообщенияЮрий32 (20 Декабрь 2017 - 13:56) писал:

Спасибо конечно за ответ, но ничего не изменилось. Иконки встали ровно. а картинки больше иконок ,сайт http://7happyshopping.ru/catalog размеры картинок 500x500

Для этого Вам необходимо в шаблоне main.css найти следующий код:

.categories .item .image img {
	display: block;
	margin: 0 auto;
}

И заменить его вот этим вот кодом:

.categories .item .image img {
	display: block;
	margin: 0 auto;
	max-width: 260px !important;
}


После чего там же найдите, пожалуйста, данный код:

.categories .item .image {
	width: 260px;
	height: 260px;
	vertical-align: middle;
	display: table-cell;
}

И замените его этим кодом:

.categories .item .image {
	width: 260px;
	height: 300px;
	vertical-align: middle;
	display: table-cell;
}


#5 Юрий32

Юрий32

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

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

Отправлено 20 Декабрь 2017 - 16:40

спасибо большое, все хорошо.
А можно еще попросить вас о таком моменте
хочется 0 - поменять карточки на главной странице  товара с шаблона нефрит,
3 - нижний блок перенести с шаблона рассвет, только убрать колонку*мы в социальных сетях*
4- шапку сделать как в шаблоне бистро и закрепить ее при прокрутке страницы
и как убрать оценочные звезды товара
БУДУ ОЧЕНЬ БЛАГОДАРЕН!!!

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

  • 123.png
  • ааа.png
  • ф.jpg





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

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