Webdesign Berlin – WebMatter.de

Download Quickshop-Plugin

1. Plugin entpacken und den Ordner quick-shop in das Verzeichnis wp-content/plugins laden, anschließend das Plugin im Backend aktivieren.
2. Um eine Check-Out Seite erstellen zu können, ist es zusätzlich notwendig, das Kontaktformular-Plugin WP-GBCF zu installieren.Download wp-gbcf Kontaktformular
3. Vor der Installation muss das Kontakformular allerdings noch modifiziert werden. Folgende Änderungen sind vorzunehmen: …
   • In der Datei wp-gbcf_form.php:
     1. Nach Zeile 1220 folgende Zeile einfügen:

        unset($_SESSION['qscart']);

        //Diese Zeile hat zur Folge, dass der Einkaufswagen nach der Bestellung wieder geleert wird

        

     2. Dann zwischen Zeile 1286 und 1289 folgenden Codeabschnitt suchen:

        $forms.=('         </select>
        '.$x_or_h_br.'
        <!-- Required Form Comments Area -->
        <label for="message">Message</label>'.$x_or_h_br.'<textarea tabindex="'.$tab_message.'" rows="12" cols="60"
        name="message" id="message"></textarea>'.$x_or_h_br.'

     3. und mit folgendem Code ersetzen:

        $forms.=('
        '.$x_or_h_br.'
        <!-- Required Form Comments Area -->
        <label for="message">Message</label>'.$x_or_h_br.'<textarea id="message" cols="60" rows="12" name="message">');
        // Add quickshop integration by adding the cart info into the text area.
        if ($_SESSION['qscart'] &amp;&amp; is_array($_SESSION['qscart']))
        {
        $forms .= ('I would like to order the following items:
        ');
        foreach ($_SESSION['qscart'] as $item)
        {
        $forms .= ("".$item['name']." - Price: $".$item['price']."  -  Quantity: ".$item['quantity']."
        ");
        }
        }
        $forms.=('</textarea>'.$x_or_h_br.

        

     4. Dann das so modifizierte Kontaktformular-Plugin in den Plugin-Ordner hochladen und aktivieren.
4. Nun muss noch die Checkout-Seite angelegt werden. Dies erfolgt ganz normal über ‘Schreiben -> Neue Seite’ Der Seite den Titel contact geben (vorgegebener Standard). Benennt man die Seite anders, sind nachher noch Änderungen bei den Quickshop Einstellungen vorzunehmen (s.u.) Nun wird als Inhalt in die Seite einfach der HTML-Kommentar

   <!--gb_contact_form-->

   eingetragen (Achtung: Beim Einfügen dieses Codes die HTML Ansicht wählen, nicht den visuellen Editor!) Hat man die Seite anders als contact benannt, so muss dieser Seitenname dann noch bei Einstellungen -> quickshop bei custom checkout widget entsprechend geändert werden.

5. Unter Einstellungen -> quickshop müssen nun noch die notwendigen Einstellungen vorgenommen werden.Shopping Cart Title ist die Überschrift, die der Einkaufswagen in der Sidebar nachher tragen soll. Wer paypal als Zahlungsoption anbietet, muss als Dezimalzeichen für die Währung den Punkt stehen lassen, sonst funktioniert das paypal Widget nicht richtig. Dann noch den Text eintragen, der erscheinen soll wenn der Einkaufswagen leer ist und einen Text für den Bestellbutton. Jetzt nur noch bei Design -> widgets das Widget für den Quickshop-Einkaufswagen in der Sidebar aktivieren. Das normale quickshop widget bietet checkout über das Kontaktformular an, das quickshop widget paypal bietet an, den Artikel über paypal zu bezahlen.
6. Shopartikel werden ganz normal wie normale Posts als Artikel geschrieben. Um den Bestellbutton einzufügen gibt es beim visuellen Editor nun einen zusätzlichen Einkaufswagenknopf: Hier öffnet sich jetzt ein Fenster, in das Artikelbezeichnung, Preis und die Versandkosten sowie gegebenenfalls unterschiedliche Versandkosten, wenn jemand mehr als einen Artikel bestellt. Es wird danach automatisch der Code für den Button in die Artikelbeschreibung eingefügt. Man kann diesen Code natürlich auch manuell einfügen. Die Versandkostenangabe für zusätzlich bestellte Artikel ist dabei optional und kann auch weggelassen werden. Sie erfolgt stets nach dem Muster:

   [quickshop:PRODUKTNAME:price:PRODUKTPREIS:shipping:VERSANDKOSTEN:shipping2:VERSANDKOSTEN_FÜR_JEDEN_WEITEREN_ARTIKEL:end]

   oder Kurzfassung:

   [quickshop:PRODUKTNAME:price:PRODUKTPREIS:shipping:VERSANDKOSTEN:end]

   oder ganz ohne Versandkosten:

   [quickshop:Ebook:price:20.00:end]

Und das war’s auch schon … viel Erfolg!

UPDATE: Die neue quickshop Version integriert sich automatisch in ein cforms II Formular. Es ist dazu notwendig, das Plugin cformsII zu installieren. Die Übersetzung der standardmäßig englischen Bezeichnungen beim Checkout muss man in der Datei checkout.php (im quickshop Ordner) anpassen.

Auch die Shorttags haben sich bei quickshop geändert. Unter Werkzeuge -> quickshop befinden sich Beispiele, die man als Vorlage für die eigenen Produkte verwenden kann.