Im Live-Chat Fragen an den Support richten

Kontakt aufnehmen

Warenkorb ist leer | Shop aufrufen

109 Nutzer online

Neueste Meldungen, Hintergrundinfos, HOW-TOs

...und vieles mehr nur hier im Blog

Aktuelles / Blog

Produktinfos & Updates (115)
Neue Versionen/Updates der Produkte, Pressemeldungen
Allgemeine Tipps (39)
Tipps & Tricks zur Bedienung / Anpassung der Produkte
CMS Contentpapst (10)
Tipps speziell für das Produkt Contentpapst
Shop-Software CP::Shop (35)
Tipps speziell für das Produkt CP::Shop
Sonstige Informationen (50)
Weitere Meldungen aus dem eBusiness- / eCommerce
Newsletter
Jetzt abonnieren und auf dem neuesten Stand bleiben!

Neueste Beiträge

@sandoba bei Twitter

Tweets von @sandoba

Folge @sandoba

RSS-Feeds im Blog

Alle Beiträge
Produktinfos & Updates
Allgemeine Tipps & Tricks
CMS Contentpapst
Shop-Software CP::Shop
Sonstige Informationen

Entwickler-Blog: Shop-Software CP::Shop (weitere Informationen)

<< zum vorherigen Eintrag

zum nächsten Eintrag >>

Artikel-Varianten als Tabelle mit Auswahl anzeigen (Di, 21.08.2007)

Für die Anzeige der Artikel-Varianten in der Shop-Software CP::Shop wird - wie auch für alle restlichen Elemente - ganz auf HTML-basierte Vorlagen gesetzt. Dadurch existieren praktisch unbegrenzte Möglichkeiten für die Darstellung der Varianten. Einige der Möglichkeiten haben wir bereits im Eintrag "Darstellung von Varianten in der Shop-Software CP::Shop" vorgestellt. In diesem Eintrag des Entwickler-Blogs zeigen wir Ihnen nun, wie die Varianten eines Artikels in Tabellenform ausgegeben werden können.

Ziel ist eine Darstellung der Varianten in dieser Form:

Dazu muss die für die Detailansicht der Artikel genutzte Vorlage erweitert werden. Standardmäßig ist dies die Vorlage "details.html" im Ordner "/modules/shop/templates/". Diese Vorlage muss entweder über den Texteditor im Administrationsbereich des Shop-Systems oder aber über einen beliebigen externen Editor geöffnet werden.

Um die oben sichtbare Darstellung zu generieren, muss der folgende HTML-Code eingefügt werden:

{cp:template id="list_variants"}
 <form name="add_cart" action="/{cp:configuration:main:directory}index.php?file=shop&mode=add" method="post">
   <table border="0" cellspacing="1" cellpadding="2" style="width: 100%">
   <tr style="background: #E6F1FC">
     <td><a href="shop-{cp:shop:item:number}-{cp:rewrite text="{cp:shop:item:title}"}.html"><u>{cp:shop:item:title}</u></a></td>
     <td width="70" align="center">{cp:shop:price:taxprice} {cp:shop:item:currency}</td>
     <td width="70" align="center">
     Anzahl: <input type="text" class="inputsub" name="amount" value="" />
    </td>
    <td width="30" align="center">
     <input type="submit" value="»" alt="" name="send" class="inputsubmit" style="background-image: none; background-color: #C5E0F9; height: 20px; width: 20px; text-decoration: none" />
     <input type="hidden" name="clean" value="yes" />
     <input type="hidden" name="number" value="{cp:shop:item:number}" />
     </td>
   </tr>
  </table>
 </form>
{/cp:template id="list_variants"}

<div style="border: 1px solid #0089C0; width: 415px">
{cp:container module="shop" type="variants" number="{cp:shop:item:number}" template="#list_variants" limit="5"}
</div>

Dort enthalten ist ein Containeraufruf, der die Varianten des aufgerufenen Shop-Artikels lädt. Die Darstellung erfolgt dabei über ein "Inline Template". Zudem wird für jede Variante ein Formular eingeblendet, über welches die gewünschte Anzahl an Einheiten schnell im Warenkorb abgelegt werden kann. Dies wird ausführlicher in der Knowledge Base erläutert.

Wenn auch der Hauptartikel in dieser Tabelle enthalten sein soll, dann können Sie den HTML-Code zwischen "{cp:template id="list_variants"}" und "{/cp:template id="list_variants"}" noch einmal direkt nach "<div [...]>" einbauen. In diesem Fall sollten Sie dann die normalen Links zum Ablegen des Hauptartikels im Warenkorb aus der Vorlage entfernen, damit der Besucher nicht von zu vielen Auswahlmöglichkeiten verunsichert wird.

Shop-Software CP::Shop | Permalink | Trackback |

Druckversion

RSS-Feed abonnieren

| Weitere...

Blog-Eintrag kommentieren

Um einen Kommentar zu diesem Beitrag zu verfassen, können Sie sich im folgenden Formular entweder manuell mit Benutzername und Email-Adresse identifizieren oder aber Sie loggen sich über ein vorhandenes Profil bei Facebook, Twitter, OpenID etc. ein. Auf Wunsch haben Sie die Möglichkeit, sich automatisch über weitere Kommentare informieren zu lassen.