Сообщений в теме: 7

[arenkir]

Здравствуйте, подскажите что нужно поменять, чтобы было 3 колонки товара.

SL-370930

[Юля123]

arenkir (29 Январь 2016 - 12:05) писал:

Здравствуйте, подскажите что нужно поменять, чтобы было 3 колонки товара.

SL-370930

Здравствуйте,  шаблоне HTML найдите код:

<div class="col-sm-3 col-md-3 product rotation">

и замените на код:

<div class="col-sm-4 col-md-4 product rotation">

Такой код встречается 3 раза, нужно произвести изменения для всех (сейчас это строки 720, 923, 1102).


и в main.css найдите код:

.product-img {border: 1px solid #eb529f;border-bottom: 0px !important;width: 270px;height: 270px;display:table-cell;vertical-align:middle;text-align:center;background-color:#fff;}

и замените на код:

.product-img {border: 1px solid #eb529f;border-bottom: 0px !important;width: 360px;height: 270px;display:table-cell;vertical-align:middle;text-align:center;background-color:#fff;}

[arenkir]

спасибо большое!!!!

[arenkir]

вопрос по этому же магазину.
1. помогите пожалуйста убрать эти пустоты по краям. на блоках на главной. тоесть увеличишь внутреннюю фото. пусть высота блока станет больше, это лучше чем уменьшать ширину.
2. когда переходим в каталог. там с шириной почти нет проблем. но тоже есть пустота.
и торчит снизу блок. который всплывает при наведении. возможно изза его большой ширины косяк.
пробовал уменьшать .product .not-rotation-actions ширину, но все равно пустоты оставались

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

• 
• 

[Vaccina]

В main.css найдите:

.product-image > img {-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}

замените на:

.product-image > img {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	max-width: 100%;
	height: auto;
	width: 100%;
	max-height: 100%;
}

[arenkir]

да, картинка внутри блока растянулась. только высота осталась прежняя. и срезается низ

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

• 

[Юля123]

arenkir (26 Февраль 2016 - 16:11) писал:

да, картинка внутри блока растянулась. только высота осталась прежняя. и срезается низ

Здравствуйте, в main.css найдите код:

.product-img {border: 1px solid #eb529f;border-bottom: 0px !important;height: 270px;vertical-align:middle;text-align:center;background-color:#fff;}

и замените на код:

.product-img {border: 1px solid #eb529f;border-bottom: 0px !important;vertical-align:middle;text-align:center;background-color:#fff;}

[arenkir]

спасибочки!