Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Исправить вывод товаров $$


Recommended Posts

указать верный путь.
Править нужно файл catalog\view\theme\default\stylesheet\stylesheet.css

Что бы в категориях у товара выровнять кнопку,цену и наименование товара нужно:
#column-left + #column-right + #content .product-grid > div {
width: 125px;
}
добавить строчку:
#column-left + #column-right + #content .product-grid > div {
width: 125px;
text-align: center;
}
Что бы изменнить кол-во товара в категории в ширину:
#column-left + #column-right + #content .product-grid > div {
width: 181px;менять эту цифру
text-align: center;
предварительно пеменяв ширину центрального модуля:
.product-grid {
width: 104%;менять эту цифру
overflow: auto;
}
Убрать зазор между картинкой и рамкой:
.product-grid .image img {
padding: 0px;
border: 1px solid #E7E7E7;

Изменить расстояние между товарами по высоте:
.product-grid > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px; отвечает эта цифра
Поднять наименование товара на картинку:
.product-grid .image {
display: block;
margin-bottom: -30px;менять эту цифру
Изменить размер шрифра и цвета наименования товара:		 тоже самое для сетки .product-list .name a {
.product-grid .name a {
font-size: 24px;вставить эту строку
color: #38B0E3;изменить на черный цвет #333333;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;Меняет расстояние между наимен товара и ценой
Что бы в сетке убрать зазор между картинкой и рамкой:
.product-list .image img {
padding: 0px;
border: 0px solid #E7E7E7;
}
Что бы в сетке наименование товара сдвинуть влево:
.product-list .image {
float: left;
margin-right: -165px;менять эту цифру
}
Что бы в сетке изменить размер шрифра и цвета наименования товара:
font-size: 24px;вставить эту строку
color: #38B0E3;изменить на черный цвет #333333;
font-weight: bold;
text-decoration: none;
}
Что бы в сетке опустить название товара ниже нужно добавить в код:
.product-list .name {
margin-bottom: 3px;
padding-top: 68px;Эту строчку
}
Что бы в сетке опустить цену ниже нужно добавить в код:
.product-list .price {
float: right;
height: 50px;
margin-left: 8px;
text-align: right;
color: #333333;
font-size: 12px;
padding-top: 50px;Эту строчку
}
Что бы в сетке опустить кнопку ниже нужно добавить в код:
.product-list .cart {
margin-bottom: 3px;
padding-top: 45px;Эту строчку
}

Давно писал для себя,может не все подойдет для Вашей версии,но думаю все равно уже сможете разобраться.

Надіслати
Поділитися на інших сайтах


Друзья, кто нить поможет сие чудо реализовать за баксов 20 :) более не имею пока что. Либо за "магарыч" указать верный путь.

Напишите точно какие данные надо выводить, попробую сделать за 20 баксов.

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.