nach Plugin Update - Anzeige durcheinander

  • Hallo,
    habe für meinen Shop das Plugin "Shopengine" installiert was jetzt nach einer Aktualisierung die Anzeige der Artikel ziemlich durcheinander bringt.
    Die Artikel werden alle unter einander angezeigt, vorher waren 3 Artikel neben einander - was ich gerne wieder so hätte.
    Folgendes ist im CSS hinterlegt, da ich die Anzeige mit euerer Hilfe schon einmal angepasst hatte.

    body:not(.theme-astra) .shopengine-widget .shopengine-grid ul.products {
    grid-template-columns:repeat(1,minmax(0,1fr))
    }

    @Media screen and (min-width:600px) {
    body:not(.theme-astra) .shopengine-widget .shopengine-grid ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr))
    .archive.woocommerce-page #main .title_container {
    display: none !important
    } }

    }
    @Media screen and (min-width:1000px) {
    body:not(.theme-astra) .shopengine-widget .shopengine-grid ul.products {
    grid-template-columns:repeat(3,minmax(0,1fr))
    }}

    .shopengine-archive-products:not(.shopengine-archive-products--view-list) ul.products li.product .woocommerce-loop-product__title{text-transform: none !important }

    ...ich weiß jetzt nicht ob ich da was ändern muss, bzw. WAS und WIE evtl ??

    Vielleicht kann mir jemand weiterhelfen.
    Anbei der Link zur Seite:

    Shop Zirben Raumlüfter HimaZirb einzigartiges NEUES Design (zirbendufter-himazirb.de)

    LG
    Georg

    • 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

  • ...hat keiner einen Rat???

    Gutes Rad ist teuer - oder so ähnlich ..... :rolleyes:;)

    Zuvor noch Ich verwend Elementor nur zu Testzwecken WooCommerce und Shopengine überhaupt nicht!

    Zu deiner Ausgangslage, die ja nicht wirklich eine Ausgangslage ist. Du hast einen Shop mit Woo und Elementor zusammengebaut. Was weder das Theme noch Woo noch der Elementor hergab wurde teils mit CSS hingebogen. Dann kam vor kurzer Zeit der Shop-Builder Shopengine, der laut Marketing easy-breezy alles locker kann dazu und siehe da, etwas purzelt.

    Meine Analyse zu deinem Problem/Wunsch:
    Die Container [FONT=Courier New]archive-product-container[/FONT], in denen die Woo-Angebote verpackt sind, habe volle Breit (1100px). Der darin befindlichen Woo-Container[FONT=Courier New] .woocommerce ul.products.columns-3[/FONT] hat die Breite von [FONT=Courier New]width: 30.75%;[/FONT].
    Da mußt du dich ggf einlesen oder einmal eine neue Seite mit Anleitung erstellen. Dabei könnten auch "CSS-Altlasten" hinderlich sein.
    Den Bildern nach sollte Woo mit Shopengine ein Grid-Tmplate können!

    Weiters habe ich deine Zwischenstand am Desktop einmal wieder hingebogen - die
    [FONT=Courier New].archive-product-container[/FONT] auf 33%
    und die
    [FONT=Courier New].woocommerce ul.products.columns-3[/FONT] auf 100% und ein wenig [FONT=Courier New]padding[/FONT] dazu ...

    Ergebnis:

    ABER da sollte mit deinen Plugins und ohne Brechstange möglich sein.

    PS: Auf der Seite SunnyZirb sind die unteren 4 Bilder links im geklickten Zustand alle in verschiedene Größen - bitte das überdenken. Du fertigst z.B. die Stäbe ja auch alle in gleicher Länge ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Hallo Sepp,
    dein Rat ist unbezahlbar !! :)
    Du hast mich auf die Idee gebracht, nach Studieren des verlinkten Videos, die Seite neu aufzubauen.
    Ich habe jetzt einfach auf meiner Shop-Seite mit dem SpopEngine Plugin das "Produkt-Liste" Widget hinzugefügt.
    ...und siehe da, alle Produkte sauber neben einander in 3-er Reihe. Kann jetzt auch wählen ob 1-2-3-4... Spalten sein sollen
    Ich muss jetzt noch die Feinabstimmung der Schriften und Preise machen und den Kauf-Button zufügen. Ich hoffe das schaffe ich auch noch.
    Außerdem habe ich die vorest beschrieben CSS-Codes im Customizer entfernt. Es geht anscheinend auch ohne die.
    ....keine Ahnung wie ich das zuerst gemacht habe.

    Vielen Dank !!!!!!!!!!!:):):):):) ;);)

  • ....der blaue Kauf-Button, den ich gehabt habe macht mir noch Probleme ! (siehe alte Produkte weiter unten im Shop)
    Es steht da keine Option im Widget dafür bereit.
    Geht das mit CSS ??

Jetzt mitmachen!

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