Автор Тема: вывод product-list в несколько столбиков  (Прочитано 2862 раз)

26 Сентябрь 2012, 13:20:51
  • Пользователь
  • **
  • Сообщений: 76
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
    • SoapExpress
Здравствуйте.
Разукрашиваю сайт на основе стандартного шаблона. Как вы знаете, в родном шаблоне товары на витрине идут в один столбик, в виде строк таблицы (если можно так выразиться).
Хочу сэкономить пространство и выводить товары ,скажем тремя столбцами,что бы была фотография, цена и кнопка добавить в корзину(без кратких описаний и т.д)

Скачал бесплатную тему, в которой товары именно так и располагаются  , но просто замена файла product-list.tpl нужного результата не принесла.
Подскажите, где еще нужно править, что бы выводилось не одним столбиком, а несколькими?
ver. 1.4.8.3
       1.4.10.0
26 Сентябрь 2012, 13:25:06
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
30 Июль 2013, 04:06:41
Ответ #2
  • Новичок
  • *
  • Сообщений: 2
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
у меня тоже не получается решить эту задачу - подскажите как - прочитал все темы и так и не понял как решить - версия престы 1.4.8.2 и 1.4.9.0
30 Июль 2013, 09:46:09
Ответ #3
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22816
  • Репутация: +17143/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Стили поменять для product-list. Примерно так
#product_list li {
        border: 1px solid #EEEEEE;
        border-radius: 3px 3px 3px 3px;
        float: left;
        height: 222px;
        margin-bottom: 14px;
        padding: 12px 8px;
        width: 160px;
}
#product_list li .left_block {
        display: block;
 
}

#product_list li .center_block {
        border-right: 1px dotted #CCCCCC;
 
        padding: 0 7px;
 
}
#product_list li .right_block {
        clear: both;
 
        position: relative;
        text-align: right;
        width: 100%;
}
#product_list li .content_price {
        float: left;
        margin: 26px 0 15px;
}
#product_list li .discount, ul#product_list li .on_sale, ul#product_list li .online_only {
        color: #990000;
        display: block;
        font-weight: bold;
        margin-right: 10px;
        text-transform: uppercase;
}
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
22 Январь 2014, 18:17:45
Ответ #4
  • Пользователь
  • **
  • Сообщений: 65
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
подскажите пожалуйста. Правильно я понимаю что для решения этой задачи надо править файл product-list.tpl? У меня преста 1.5.6.0
23 Январь 2014, 12:59:13
Ответ #5
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Править нужно не только шаблон, но и файл стилей.
25 Январь 2014, 20:32:34
Ответ #6
  • Пользователь
  • **
  • Сообщений: 65
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Можете подсказать что нужно править в файле стилей?