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

[Gambler]

Добрый день.
Помогите разобраться, пожалуйста.
1. Обрезается название товара. Нужно сделать видимой вторую строчку, см. картинку, выделено оранжевым.
2. Как изменить кол-во товаров в строчке, например с 3 до 4?
Спасибо.

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

• 

[RayLi]

Gambler (09 Декабрь 2017 - 14:27) писал:

Добрый день.
Помогите разобраться, пожалуйста.
1. Обрезается название товара. Нужно сделать видимой вторую строчку, см. картинку, выделено оранжевым.
2. Как изменить кол-во товаров в строчке, например с 3 до 4?
Спасибо.

Здравствуйте.
В данном случае Вам необходимо в шаблоне main.css найти следующий код:

.name {
	text-align: left;
	margin: 10px 10px 0 10px;
	height: 18px;
	overflow: hidden;
}

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

.name {
	text-align: left;
	margin: 10px 10px 0 10px;
	height: 36px;
}

[Gambler]

Здравствуйте, RayLi, в main.css нет такого блока.
Прошу Вас себя перепроверить, или написать номер строки (строк).
И Вы не ответили на второй вопрос.

[RayLi]

Gambler (09 Декабрь 2017 - 15:31) писал:

Здравствуйте, RayLi, в main.css нет такого блока.
Прошу Вас себя перепроверить, или написать номер строки (строк).
И Вы не ответили на второй вопрос.

Требуемый Вам код находится в шаблоне main.css на 836-й строке.
Проверьте, пожалуйста.

[Gambler]

Да, получилось, спасибо.
Прошу еще ответить на вопрос 2.

[RayLi]

Gambler (10 Декабрь 2017 - 02:03) писал:

Да, получилось, спасибо.
Прошу еще ответить на вопрос 2.

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

.prod_hold {
	margin: 15px 10px 0 15px;
}

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

.prod_hold {
	margin: 15px 10px 0 15px;
	width: 210px !important;
}

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

.goods-cat-image-medium-square, .goods-cat-image-medium {
	width: 190px !important;
}

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

.name {
	text-align: left;
	margin: 10px 10px 0 10px;
	height: 36px;
}

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

.name {
	text-align: left;
	margin: 10px 10px 0 10px;
	height: 65px;
}

[Gambler]

Добрый день.
Спасибо за ответ, все сделал, такое впечатление что ширина карточки товара уменьшилась, но их все равно 3 в строке а не 4.

[RayLi]

Gambler (12 Декабрь 2017 - 21:49) писал:

Добрый день.
Спасибо за ответ, все сделал, такое впечатление что ширина карточки товара уменьшилась, но их все равно 3 в строке а не 4.

Здравствуйте.
В таком случае попробуйте, пожалуйста, так же в шаблоне main.css найти следующий код:

.prod_hold {
margin: 15px 10px 0 15px;
width: 210px !important;
}

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

.prod_hold {
margin: 10px 5px 0 0px;
width: 210px !important;
}

[Gambler]

Здравствуйте.
Сделал, не помогло. Все еще 3 товара в строке.
Не сочтите за издевку, но я задам вопрос: "А Вы когда отвечаете на вопрос по коду сами не проверяете - сработает Ваш совет или нет?"
Так можно долго искать правильный ответ.

Я все еще в ожидании помощи для решения моего вопроса.
Спасибо.

[Gambler]

Поддержка вообще существует на данном сервисе? Сколько обычно ждут ответа перед тем как начать ругаться?

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

@media only screen and (min-width:506px) and (max-width:768px){
.modSelect{width:80%;}
.warn{display:block;position:static;margin:5px 0 0 5px;}
#tabs a{display:block;}
.registWrp{text-align:center;}
.regField label{display:block;width:100%;}
.prod_hold {
margin: 10px 5px 0 0px;
width: 210px !important;
}
.product-list2, .product-list{text-align:center;}
}
@media only screen and (min-width:769px) and (max-width:1024px){
.prod_hold {
margin: 15px 10px 0 15px;
width: 210px !important;
}
.word{font-size:12px;}

}
@media only screen and (min-width:220px) and (max-width:580px){
fieldset.scroll{min-width:320px;overflow-x:scroll;}
.CompareGoodsTable{min-width:320px;overflow-x:scroll;}
}
@media only screen and (min-width:1025px) and (max-width:1290px){
.pagination{margin: 20px 20px 0 0;}
.prod_hold {
margin: 15px 10px 0 15px;
width: 210px !important;
}
.product-list2, .product-list{text-align:center;}
}
@media only screen and (min-width:1291px) and (max-width:1920px){
.prod_hold {
margin: 15px 10px 0 15px;
width: 210px !important;
}

замените на:

@media only screen and (min-width:506px) and (max-width:768px){
.modSelect{width:80%;}
.warn{display:block;position:static;margin:5px 0 0 5px;}
#tabs a{display:block;}
.registWrp{text-align:center;}
.regField label{display:block;width:100%;}
.prod_hold {margin: 10px 5px 0 0px;}
.product-list2, .product-list{text-align:center;}
}
@media only screen and (min-width:769px) and (max-width:1024px){
.word{font-size:12px;}
}
@media only screen and (min-width:220px) and (max-width:580px){
fieldset.scroll{min-width:320px;overflow-x:scroll;}
.CompareGoodsTable{min-width:320px;overflow-x:scroll;}
}
@media only screen and (min-width:1025px) and (max-width:1290px){
.pagination{margin: 20px 20px 0 0;}
.product-list2, .product-list{text-align:center;}
}
@media only screen and (min-width:1291px) and (max-width:1920px){

далее найдите:

.prod_hold{display:inline-block;border:10px solid #ddd;margin:15px 10px 0 15px;position:relative;}

замените на:

.prod_hold{display:inline-block;border:10px solid #ddd;margin:5px;position:relative;}

далее найдите:

.goods-cat-image-medium-square, .goods-cat-image-medium {
width: 190px !important;
}

замените на:

.goods-cat-image-medium-square, .goods-cat-image-medium {width: 160px !important;}