Das Wordpress
  1. Das Wordpress
  3. Re-order Woocommerce Einzelprodukt und Echo div um bewegte und duplizierte Woocommerce-Hooks
Intereting Posts
1 database für mehrere WordPress-Themes Was bedeutet diese Nachricht von WP_DEBUG? Admin-Menü Benennung Wie $ args für get_avatar benutzerdefinierte “class” wiederherstellen? Kontaktformular 7 zum Hinzufügen von Absatz- und Unterbrechungs-Tags zu HTML-E-Mails An nur einem Teil der Site als Administrator angemeldet Thumbnail (gekennzeichnetes Bild) des nächsten und vorherigen Beitrags wird nicht richtig angezeigt! function um is_home, is_archive, is_category, is_author etc. in einer function zu enthalten? Alphabetische Sortierung – lokale Sprache Entfernen Sie einen Menüeintrag im Menü Übertragen Sie die WordPress-Anmeldesitzung auf eine erweiterte Webseite in derselben Domäne Neue Beiträge und Seiten werden nicht gespeichert 301 Redirects Ergebnis in 404 für WordPress Search Query Strings Umgang mit CSV-Daten mit einem benutzerdefinierten Post-Typ WP_Query mit Ajax-Filtern und Paginierung

Re-order Woocommerce Einzelprodukt und Echo div um bewegte und duplizierte Woocommerce-Hooks

Wie verpacke ich ein div um die Aktionen im folgenden Code?

PHP in der Datei functions.php: 

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 ); add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_title', 5 ); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 6 ); add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_price', 6 ); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 30 ); add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_excerpt', 10 ); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 6 ); add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_add_to_cart', 6 );

Frage Hintergrund Info:

Ich schaffte es, den Titel, den Preis, den Auszug und den Einkaufswagen vor den Bildern zu verschieben, so dass ich nun die Seite wie folgt eingerichtet habe und es ist, was ich will. Aber ich möchte ein div mit der class “mobile-summary” um den ersten Satz.


Titel
Preis
in den Warenkorb legen
Auszug

Bilder

Preis
Auszug
in den Warenkorb legen

Was habe ich versucht?

Ich weiß nicht, wie es heißt, also nichts. Ich lerne Genesis und Woocommerce ohne viel Erfahrung in PHP oder WordPress (sogar Bloggen als Benutzer).

Solutions Collecting From Web of "Re-order Woocommerce Einzelprodukt und Echo div um bewegte und duplizierte Woocommerce-Hooks"

Ich habe dasselbe auf eine andere Art und Weise gemacht und jetzt ist es so gestapelt, wie ich es möchte, mit einem div, der den Inhalt einhüllt.

Dies stapelt den einzelnen Produkt-Woocommerce-Output wie folgt:

  1. Titel
  2. Preis
  3. In den Warenkorb legen / Attribute
  4. Auszug
  5. Meta
  6. Bilder
  7. Preis
  8. In den Warenkorb legen / Attribute
  9. Registerkarten
  10. Upsell
  11. verbunden

Auf großen Viewports schweben wir nun die .product div.images nach links, schweben die .product div.summary nach rechts, löschen das Zeug danach. Verstecken Sie den Footer-Cart-Bereich in großen Ansichtsfenstern und die Person auf einem Mobiltelefon muss nicht mehr die gesamte Höhe des Bildes scrollen, um sie in den Warenkorb zu legen – wenn sie es wünschen.

In den functionen.php 

 if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) { // ==== wrap in div function output_opening_div() { echo '
'; } function ouput_closing_div() { echo '
'; } // ==== put the excerpt below the add to cart and before the meta remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt',20); add_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt',35); // ==== move images (with the thumbs) below the content remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 ); add_action( 'woocommerce_after_single_product_summary', 'woocommerce_show_product_images', 50); // ==== move all the content after images remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 ); remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 ); remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 ); add_action( 'woocommerce_after_single_product', 'woocommerce_output_product_data_tabs', 20); add_action( 'woocommerce_after_single_product', 'woocommerce_upsell_display', 20); add_action( 'woocommerce_after_single_product', 'woocommerce_output_related_products', 20 ); // ==== repeat cart after image with opening and closing div functions add_action('woocommerce_after_single_product','output_opening_div',9); add_action( 'woocommerce_after_single_product', 'woocommerce_template_single_price', 10 ); add_action( 'woocommerce_after_single_product', 'woocommerce_template_single_add_to_cart', 10 ); add_action('woocommerce_after_single_product','ouput_closing_div',10); }// end if woocommerce

Ich würde es mit jQuery machen, etwas wie: 

 $('.element').wrapInner('
');

.element muss das Div sein, bevor Sie den Code verwenden möchten, z

Ohne eine URL zu arbeiten, ist es schwer, eine 100% ige Antwort zu geben, aber das wird Ihnen einen Ausgangspunkt geben