Magneto Produktliste in CMS Seite einbinden mit Pagination (Product list, CMS Page)

Gepostet am Februar 19, 2013

In diesem Beitrag möchte ich zeigen, wie man eine Produktliste (Kategorie) auf einer CMS-Seite einblendet. Dabei gibt es zwei Möglichkeiten, welche unterschiedliche Ergebnisse liefern.

Möglichkeit 1

Bei dieser Methode haben Sie keine Pagination auf Ihrer CMS-Seite, es wird nur die im Standard definierte Anzahl an Artikeln ausgegeben.
Erstellen Sie eine CMS-Page und fügen Sie unter Inhalt folgende Code-Zeile ein:

1
{{block type="catalog/product_list" category_id="3" template="catalog/product/list.phtml"}}

Im Beispiel wird auf die Kategorie-Id 3 zugegriffen (diese Kategorie muss natürlich angelegt sein).

Möglichkeit 2

Bei dieser Methode gibt es eine Pagination, die Anzahl der Produkte wird nach Magento-Einstellungen ermittelt oder kann speziell für die CMS-Seite festgelegt werden:

Lagen Sie eine CMS Seite an und fügen Sie unter „Gestaltung -> XML für Layoutänderung“ folgenden XML-Code ein:

1
2
3
4
5
6
7
8
9
10
<reference name="content">
    <block type="catalog/product_list" name="product_list" template="catalog/product/list.phtml">
        <action method="setCategoryId"><category_id>3</category_id></action>
        <action method="setColumnCount"><columns>3</columns></action>
        <block type="catalog/product_list_toolbar" name="product_list_toolbar" template="catalog/product/list/toolbar.phtml">
            <block type="page/html_pager" name="product_list_toolbar_pager"/>
        </block>
        <action method="setToolbarBlockName"><name>product_list_toolbar</name></action>
    </block>
</reference>

Auch hier wird als Beispiel die Kategorie-Id 3 verwendet.
Die Anzahl der Artikel wird hier durch den Magento Einstellungen bestimmt!

Wollen Sie eine eigene Anzahl an Artikeln festlegen muss folgender Code verwendet werden:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<reference name="content">
    <block type="catalog/product_list" name="product_list" template="catalog/product/list.phtml">
        <action method="setCategoryId"><category_id>3</category_id></action>
        <action method="setColumnCount"><columns>3</columns></action>
        <block type="catalog/product_list_toolbar" name="product_list_toolbar" template="catalog/product/list/toolbar.phtml">
            <block type="page/html_pager" name="product_list_toolbar_pager"/>
            <action method="setDefaultListPerPage"><limit>4</limit></action>
            <action method="setDefaultGridPerPage"><limit>3</limit></action>
             <action method="addPagerLimit"><mode>list</mode><limit>2</limit></action>
             <action method="addPagerLimit"><mode>list</mode><limit>4</limit></action>
             <action method="addPagerLimit"><mode>list</mode><limit>6</limit></action>
             <action method="addPagerLimit"><mode>list</mode><limit>8</limit></action>
             <action method="addPagerLimit" translate="label"><mode>list</mode><limit>all</limit><label>All</label></action>
             <action method="addPagerLimit"><mode>grid</mode><limit>3</limit></action>
             <action method="addPagerLimit"><mode>grid</mode><limit>6</limit></action>
             <action method="addPagerLimit"><mode>grid</mode><limit>9</limit></action>
             <action method="addPagerLimit" translate="label"><mode>grid</mode><limit>all</limit><label>All</label></action>
        </block>
        <action method="setToolbarBlockName"><name>product_list_toolbar</name></action>
    </block>
</reference>

Tags: ,

Leave a Reply

 

Posts of Current Category



Facebook: