VaM

Вывод товара списком

1 сообщение в этой теме

Внешний вид можно менять как угодно.

 

Причём как для отдельных категорий, так и для всех категорий сразу.

 

В Админке - Оформление - Шаблоны - Страница категории меняйте:

{content_listing template='product-listing' parent={$content_id} page={$page} type='product,downloadable'}

например на:

{content_listing template='my-product-listing' parent={$content_id} page={$page} type='product,downloadable'}

Это мы указали, что список товара внутри категорий должен рисоваться шаблоном my-product-listing

 

В Админке - Оформление - Микро-шаблоны, создайте новый шаблон: Псевдоним: my-product-listing , тэг: content_listing, содержимое скопируйте из шаблона product-listing и вставьте в Ваш новый шаблон в опции Шаблон.

 

Затем уже правьте html-код как Вам нужно в шаблоне my-product-listing.

 

Можно хоть таблицу нарисовать, хоть что угодно.

 

Вот пример шаблона с таблицей:

{if $content_list}
 
{if $pages_number > 1}
<!-- start: Pagination -->
<div class="pagination pagination-centered">
<ul>
{for $pg=1 to $pages_number}
<li{if $pg == $page} class="active"{/if}><a href="{base_path}/category/{$content_alias->value}{$ext}/page/{$pg}">{$pg}</a></li>
{/for}
<li{if "all" == $page} class="active"{/if}><a href="{base_path}/category/{$content_alias->value}{$ext}/page/all">{lang}All{/lang}</a></li>
</ul>
</div>
<!-- end: Pagination -->
{/if}  
  
<!-- start: products listing -->
<table>
{foreach from=$content_list item=node}
<tr>
<td>
<a href="{$node.url}" class="image"><img src="{$node.image}" alt="{$node.name}"{if isset($thumbnail_width)} width="{$thumbnail_width}"{/if} /></a>
</td>
<td>
<h4 class="title"><a href="{$node.url}">{$node.name}</a> - <span class="price">{$node.price}</span></h4>
<div class="description">{$node.short_description|strip_tags|truncate:30:"...":true}</div>
<div class="description">{attribute_list value_attributes=$node.attributes}</div>
</td>
<td>
{product_form product_id={$node.id}}
<div class="inner darken notop">
<button class="btn btn-add-to-cart" type="submit"><i class="icon-shopping-cart"></i> {lang}Buy{/lang}</button>
{if isset($is_compare)}<a href="{base_path}/category/addcmp/{$node.alias}/{$content_alias->value}{$ext}" class="btn btn-add-to-cart"><i class="icon-bookmark"></i> {lang}Compare{/lang}</a>{/if}
</div>
{/product_form}
</td>
</tr>
{/foreach}
</table>  
<!-- end: products listing -->
 
{if $pages_number > 1}
<!-- start: Pagination -->
<div class="pagination pagination-centered">
<ul>
{for $pg=1 to $pages_number}
<li{if $pg == $page} class="active"{/if}><a href="{base_path}/category/{$content_alias->value}{$ext}/page/{$pg}">{$pg}</a></li>
{/for}
<li{if "all" == $page} class="active"{/if}><a href="{base_path}/category/{$content_alias->value}{$ext}/page/all">{lang}All{/lang}</a></li>
</ul>
</div>
<!-- end: Pagination -->
{/if}
 
{else}
{lang}No Items Found{/lang}
 
{/if}  

Товар внутри категории будет выглядеть вот так.

post-1-0-25973500-1392281244_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас