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
Antwort
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):
Override loop template and show quantities next to add to cart buttons.
WooCommerce - Template add-to-cart.php with quantity and Ajax!
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 ...
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 –
- 1. WooCommerce Composite Produkt Seite hat unerwünschte "QTY" Eingabefeld oben In den Einkaufswagen
- 2. Woocommerce - Move in den Warenkorb legen variable Produkt
- 3. Woocommerce - Get SKU in Produkt einzelne Seite
- 4. Benutzerdefiniertes Produkt in woocommerce
- 5. Produkt in den Warenkorb legen in Beobachter
- 6. WooCommerce - Bonus-Produkt automatisch hinzufügen
- 7. Woocommerce Produkt Review Redirect
- 8. Woocommerce get Produkt-ID mit Produkt Artikelnummer
- 9. Produkt in den Warenkorb in WooCommerce hinzufügen von außen Wordpress
- 10. Woocommerce-Einkaufswagen nach dem Hinzufügen eines Produkts aktualisieren (jQuery)
- 11. Woocommerce Benutzerdefiniertes Produkt Meta
- 12. Ändern von WooCommerce Checkout-Eingabetext CSS-Stil
- 13. WooCommerce Empty Cart, wenn Benutzer auf Seite oder Seite anders als aktuelle Checkout-Seite gehen
- 14. Anpassen von Produkt-Slider, WooCommerce
- 15. WooCommerce: Produkt mit Override zum Warenkorb hinzufügen?
- 16. WooComerce: So ändern Sie den Kopftext für den Einkaufswagen
- 17. Woocommerce Custom Produkt Loop Beitrag pro Seite Ausgabe
- 18. AJAX zum Einkaufswagen hinzufügen Schaltfläche funktioniert nicht auf benutzerdefinierte Abfrage Schleife Produkt woocommerce
- 19. Woocommerce Produkt Menge eingefügt Dynamicaly
- 20. WooCommerce Änderung einzelner Produkt Link
- 21. Redirect Produkt von Quick.Cart zu Produkt in WooCommerce
- 22. Einfaches Produkt von Configurable im Einkaufswagen abrufen
- 23. WooCommerce erhalten Produkt benutzerdefinierte Meta aus Warenkorb
- 24. WooCommerce: Aktualisierung Einkaufswagen von der Kasse Seite Weiterleitungen zum Warenkorb Seite
- 25. VirtueMart Einkaufswagen - Öffnen Sie eine "Stellen Sie eine Frage zu diesem Produkt" Seite in Modal-Box?
- 26. So legen Sie einen Einkaufswagen insgesamt in einer Sitzung
- 27. WooCommerce Erhalten Sie Produkt-Tags in Array
- 28. Woocommerce Shop Seite als Hauptseite programaticaly
- 29. WooCommerce- Wie man Produkt & Produkt-Kategorie von URLs entfernen?
- 30. WooCommerce Produkt - POST_CONTENT Wert von Produkt Objekt angezeigt
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 –