Support » Allgemeine Fragen » WooCommerce: Single Site Preisposition ändern

  • Hallo!
    Ich möchte in der Einzelproduktansicht von WooCommerce die Position der Preisausgabe verändern.
    Momentan ist die Darstellung folgende:
    1. Produkttitel
    2. Preis
    3. Produktbild
    4. Text

    Diese soll wie folgt geändert werden:
    1. Produktbild
    2. Produkttitel
    3. Text
    4. Preis
    Wichtig ist uns, dass der Preis nicht ganz oben steht.

    Wie kommt man an die CSS Beschreibungen von WooCommerce heran, wenn man die Schriftgrößen anpassen möchte?

    Vielen Dank!

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)
  • I want to change in the single product view of the position of the WooCommerce price issue.
    Currently, the presentation is as follows:
    1. Product title
    2. Price
    3 Product image
    4. Text

    These should be changed as follows:
    1 Product image
    2. Product title
    3. Text
    4. Price

    Add, where can I find the css descriptions of WooCommerce?

    Best regards.

    an die ganzen css elemente kommste am besten mit dem firebug heran. das ist eine erweiterung für den firefox browser.

    gruß
    alex

    Firebug habe ich installiert, es hat mich aber nicht weiter gebracht.
    Ich benötige die genaue Stelle, an der ich in der PHP Datei die CSS Anweisungen ändern kann bzw. die Reihenfolge bestimme.
    Wo ist der „Price“ in welcher Datei definiert und wie kann ich die Position ändern?

    Vielen Dank!

    … da liegen die ganzen templates …

    /wp-content/plugins/woocommerce/templates

    Das habe ich auch schon ausprobiert.
    In der content-single-product.php gibt es eine Stelle:

    <div class=“summary“>

    <?php
    /**
    * woocommerce_single_product_summary hook
    *
    * @hooked woocommerce_template_single_title – 5
    * @hooked woocommerce_template_single_price – 10
    * @hooked woocommerce_template_single_excerpt – 20
    * @hooked woocommerce_template_single_add_to_cart – 30
    * @hooked woocommerce_template_single_meta – 40
    * @hooked woocommerce_template_single_sharing – 50
    */
    do_action( ‚woocommerce_single_product_summary‘ );
    ?>

    </div><!– .summary –>

    Hatte hier versucht die Reihenfolge zu ändern,
    ist mir aber nicht gelungen.
    Es muss eine andere Stelle geben.

    wp-content/plugins/woocommerce/templates/loop/price.php

    Auch hier gibt es keinerlei Änderungen in der Darstellung.

    Moderator espiat

    (@espiat)

    Hallo,

    der Preis steht hier in dieser Datei:

    …/wp-content/plugins/woocommerce/templates/single-product/price.php

    In meinem TestTheme (Twenty Eleven) ist es so, dass der Text in einem Tab „Beschreibung“ dargestellt wird. Daher ist es mit diesem Theme schon mal recht umständlich da die Positionen zu ändern.

    Welches Theme benutzt du?

    Vergiss nicht die nach dt. Gesetz geforderte Angabe der MwSt. beim Preis.

    Gru?

    Ich benutze das Template gather von Theme Trust.

    Moderator espiat

    (@espiat)

    Das Theme ist kostenpflichtig.
    Von daher kann ich es nicht haargenau testen.

    Die Stelle, wo der Preis im Template/ Plugin ist, hast du gefunden?

    Ich gehe davon aus, dass die Informationen in der content-single-product.php des Templates liegen. Hier mal der Code:

    <?php
    /**
    * The template for displaying product content in the single-product.php template
    *
    * Override this template by copying it to yourtheme/woocommerce/content-single-product.php
    *
    * @package WooCommerce
    * @since WooCommerce 1.6
    * @todo prepend class names with wc-
    */
    ?>

    <?php
    /**
    * woocommerce_before_single_product hook
    *
    * @hooked woocommerce_show_messages – 10
    */
    do_action( ‚woocommerce_before_single_product‘ );
    ?>

    <div itemscope itemtype=“http://schema.org/Product&#8220; id=“product-<?php the_ID(); ?>“ <?php post_class(); ?>>

    <?php
    /**
    * woocommerce_show_product_images hook
    *
    * @hooked woocommerce_show_product_sale_flash – 10
    * @hooked woocommerce_show_product_images – 20
    */
    do_action( ‚woocommerce_before_single_product_summary‘ );
    ?>

    <div class=“summary“>

    <?php
    /**
    * woocommerce_single_product_summary hook
    *
    * @hooked woocommerce_template_single_title – 5
    * @hooked woocommerce_template_single_price – 10
    * @hooked woocommerce_template_single_excerpt – 20
    * @hooked woocommerce_template_single_add_to_cart – 30
    * @hooked woocommerce_template_single_meta – 40
    * @hooked woocommerce_template_single_sharing – 50
    */
    do_action( ‚woocommerce_single_product_summary‘ );
    ?>

    </div><!– .summary –>

    <?php
    /**
    * woocommerce_after_single_product_summary hook
    *
    * @hooked woocommerce_output_product_data_tabs – 10
    * @hooked woocommerce_output_related_products – 20
    */
    do_action( ‚woocommerce_after_single_product_summary‘ );
    ?>

    </div><!– #product-<?php the_ID(); ?> –>

    <?php do_action( ‚woocommerce_after_single_product‘ ); ?>

    Hi, kopiere aus dem Ordner plugins/woocommerce/ den Ordner „Templates“ und kopier ihn in Deinen Template Ordner „wp-content/themes/DEINETHEME/. Den Benennst Du dann um in „woocommerce“. Woocommerce erkennt das automatisch. Das gute ist, das beim Update von Woocommerce alle Änderungen bleiben, die Du getätigt hast.
    Dann findest Du unter dem Ordner „single-product“ alle Dateien die in der Produkt-Detail Seite benötigt werden. Dort siehst Du dann welche css klassen benutz werden. Am besten mit firefox, rechte maustaste, element untersuchen, dann findest Du alle Klassen.
    Dann schreib die CSS Änderungen alle in das Template von Deinem Theme und erzwinge die Überschreibung mit !important hinter jedem veränderten Wert.
    Beispiel verändern von Farbe und margin beim Preis:
    p.price {
    margin-bottom: 10px !important;
    color: #5c5c5c !important;
    }

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)
  • Das Thema „WooCommerce: Single Site Preisposition ändern“ ist für neue Antworten geschlossen.