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

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


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