WP WooCommerce 5 Produkte auf der Produktseite anzeigen lassen

  • Hallo Forum,
    es sollen auf der Produktseite 5 Produkte nebeneinander angezeigt werden und
    unter den Produkten soll ein Border-Buttom auftauchen, so wie in dem Bild.
    Habe bereits folgendes (alles im Internet gefunden) in die funktions.php eingegeben:

    <!-- Title des woocommerce loop in tabelle packen, um die hoehe des artikels gleich zu gestalten -->
    <table id="product_loop">
    <colgroup>
    <col width="300">
    </colgroup>
    <tr>
    <th><h3><?php the_title(); ?></h3></th> <!-- aus original datei -->
    </tr>
    </table>
    <!-- Ende tabelle -->

    und folgendes in die style.css:

    /* Tabelle für Titel in woocommerce loop */

    table#product_loop {
    width:200px;
    height:110px;
    }
    /* Title im woocommerce loop zentrieren */
    table#product_loop th {

    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;
    }
    Und dies noch in die functions.php:

    // WooCommerce auf 5 Spalten einstellen

    global $woocommerce_loop;
    $woocommerce_loop['columns'] = 5;

    Hat alles nicht funktioiert. Habt Ihr Lösungen für mich?

    Nerdlady
    P.S. So, wie auf dem angefügten Bild soll es aussehen....

    Man kann nicht alles haben - aber man sollte danach streben....

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Nur fünf Produkte? Oder fünf Produkte pro Zeile? Bei welchem Theme? Und wie sollen die fünf Produkte auf Tablets und Smartphones funktionieren?

  • Hallo Edi,
    nur 5 Produkte je Zeile. Ich arbeite mit dem Theme Ultra von Themify (hammer gut).
    Auf dem Tablett sollten sich die Produktdarstellung nicht verändern, auf dem Smartphone sind sie dann
    untereinander.
    Gesehen habe ich dies so bei http://www.glore.de und das finde ich total toll. Auf dem PC und Tablett sind
    5 Produkte in einer Reihe zu sehen und auf dem Smartphone untereinander...
    Danke, dass du helfen willst...
    Nerdlady

    Man kann nicht alles haben - aber man sollte danach streben....

  • Code
    add_filter( 'loop_shop_columns', 'mmx_loop_columns', 20 );
    function mmx_loop_columns() {
    	return 5;
    }

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Äh...Hey!
    In die style.css?
    Oder ist es die functions.php?
    Mensmaximus!!!
    Nerdlady....

    Man kann nicht alles haben - aber man sollte danach streben....


  • Oder ist es die functions.php?

    PHP Code in die functions.php. Die CSS Regeln musst Du Dir natürlich bauen, die hängen teilweise auch vom Theme ab.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • So, ich muss schon wieder auf die Knie fallen....Daaaaaaaaaaaankeschön!
    :smile::smile::smile::smile:

    Man kann nicht alles haben - aber man sollte danach streben....

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!