Автор Тема: Отображение товаров  (Прочитано 3300 раз)

05 Августа 2012, 22:55:55
  • Новичок
  • *
  • Сообщений: 3
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте подскажите как сделать чтобы товары в "Категориях" располагались также как и на главной странице, т.е. по 4 штуки в ряд. И как сделать чтобы "краткое описание" и "название" товара было после картинки.
06 Августа 2012, 10:11:29
Ответ #1
  • Администратор
  • Ветеран
  • *****
  • Сообщений: 102473
  • Репутация: +34218/-0
    • Просмотр профиля
Цитировать
как сделать чтобы товары в "Категориях" располагались по 4 штуки в ряд.
Нужно изменить шаблон product-list.tpl и изменить стили для этого блока.
/* product-list.tpl */
ul#product_list{ list-style-type:none; }
ul#product_list li {
float: left;
padding: 0px;
width: ...px;
height:...px;
margin-bottom:1em;
}
....
Цитировать
как сделать чтобы "краткое описание" и "название" товара было после картинки.
Поменить местами блоки в шаблоне
<!-- product img-->
<div id="image-block">
и
<div id="short_description_block">
06 Августа 2012, 23:34:22
Ответ #2
  • Новичок
  • *
  • Сообщений: 3
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Не могу найти таких строк в шаблоне у меня версия 1.4.8.2 вот путь

"/home2/worldbr1/public_html/themes/prestashop/product-list.tpl"
 
вот содержимое:
в прикрепленном файле.
07 Августа 2012, 10:15:49
Ответ #3
  • Администратор
  • Ветеран
  • *****
  • Сообщений: 102473
  • Репутация: +34218/-0
    • Просмотр профиля
В разных версиях prestashop и в разных темах есть небольшие отличия в шаблонах.
В вашем файле есть картинка img и описание product_desc.
<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" .... />и
<p class="product_desc">...{$product.description_short|truncate:360:'...'|strip_tags:'UTF-8'}...</p>Стили описаны в файле:
/themes/prestashop/css/product_list.css
26 Сентября 2012, 13:46:00
Ответ #4
  • Пользователь
  • **
  • Сообщений: 55
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
    • SoapExpress
в css с помощью манипуляций с шириной-длинной оступами
ul#product_list li  ,конечно, получается сделать товар "квадратненьким".
Но они все равно выстраиваются в один столбец.
как заставить их выстраиваться в несколько (скажем 3 или 4) ?
ver. 1.4.8.3
       1.4.10.0
26 Сентября 2012, 15:47:25
Ответ #5
  • Администратор
  • Ветеран
  • *****
  • Сообщений: 102473
  • Репутация: +34218/-0
    • Просмотр профиля
Цитата: Michel
в css с помощью манипуляций с шириной-длинной оступами
ul#product_list li  ,конечно, получается сделать товар "квадратненьким".
Но они все равно выстраиваются в один столбец.
как заставить их выстраиваться в несколько (скажем 3 или 4) ?
Нужно изменить шаблон product-list.tpl под ваш файл стилей.
{assign var='col' value='3 или 4'}
<div id="grid">
{foreach from=$products item=product name=products}
{if $i++ % $col == 0}
<ul>
{/if}
  <li>...
        {if $i % $col == 0}
</ul>
{/if}
{/foreach}
...............