2016-05-01 8 views
1

Ich versuche, das genaue Styling woocommerce hat in den Produktseiten für die Menge und Add to cart-Taste zu bekommen. Ich kann das nicht zu einer normalen Seite neben einem Produktbild hinzufügen. Ich benutze Jupiter 5 und "Add to cart" shortcode. Beispiele dafür, wie es aussieht und wie es aussehen soll. Bitte helfen Sie!Woocommerce In den Einkaufswagen legen Stil als Produkt Seite

  1. http://i.stack.imgur.com/JbAaf.png
  2. http://i.stack.imgur.com/qXdTj.png
+0

Nun die Tatsache, dass Sie auf einer normalen Seite den Woo Shortfcode für den Warenkorb hinzufügen und Sie erhalten einen unstyled Text "Add to cart". Ich habe den Wrapper-Inline-Stil ohne Glück versucht. Ich versuche die add to cart.php zu ändern und verlinke sie mit dem, was wie "single_add_to_cart_button shop-skin-btn shop-flat-btn alt" aussieht. Hier ist die Seite mit der guten Schaltfläche http: // thrively.world/shop/maca-chocolate/und der mit dem schlechten: http://thrively.world/home –

Antwort

0

Schließlich möchten Sie die Anzeige des quantity buttons and field vor add to cart Taste in [add_to_cart] Shortcode hinzuzufügen.

Sie müssen zuerst jupiter child theme installieren und aktivieren (im Lieferumfang von jupiter5 enthalten). Kopieren Sie anschließend den Ordner woocommerce (in Ihrem jupiter5-Design) in Ihren untergeordneten Themenordner.

Wichtiger Hinweis: Diese Woocommerce-Vorlagen wurden (überhaupt nicht) vom jupiter5-Team angepasst.

Ihr Shop einfache Produkte Seiten verwenden für quantity + add to cart fields and buttons folgende WooCommerce Vorlagen Anzeige:

  • Ein-Produkt/add-to-cart/simple.php

  • Ein-Produkt/Add- to-Warenkorb/quantity.php

"Add to cart" Short eine weitere einzigartige WooCommerce Vorlage verwenden (mit Ausschlagmenge):

  • Schleife/Add-to-cart.php

Sie müssen also in dieser Vorlage einen Code hinzuzufügen etwas ähnliches als die einzelnen Produktseiten zu haben, und es ist nicht so Einfach, als Sie erwarten können.

Es gibt einige weiterführende Links (einige sind nicht wirklich nützlich, wie sie sind, aber sie können helfen):

Mit all diesem Material, und mit dem html/PHP-Code von single-product/add-to-cart/quantity.php, werden Sie in der Lage sein, nach vorne zu bewegen, und Ihre Frage in dieser neuen Art und Weise zu aktualisieren, zeigen, was Sie getan haben, was funktioniert und was nicht ...

+0

Danke für so eine ausführliche Antwort. Ich sehe, dass es schwieriger als erwartet ist. Ich habe bereits ein Kindthema und ein wocomerce Kind aufgestellt. Ich muss add-to-cart.php mit dem angegebenen Link ändern. Sie auf dem Laufenden halten –

Verwandte Themen