Support » Allgemeine Fragen » Produktdetailseite wird nicht in voller Breite angezeigt

  • Gelöst timtimtim232

    (@timtimtim232)


    Hi

    Wenn man auf der Shopseite ein Produkt anklickt und auf die Produktdetailseite kommt, wird diese einfach nicht in voller Breite angezeigt.

    Ich benutze den Browser Firefox. Als Theme benutze ich Divi und für den Shop Woocommerce. Die Seitenbreite habe ich standartmässig auf volle Breite eingestellt (funktioniert auch auf jeder anderen Seite). Ich habe es auch mit Codeschnipsel wie unten aufgeführt im zusätzlichen CSS versucht.

    body .site {
    max-width: 100%;
    }

    Falls mir hier jemand helfen kann, freue ich mich sehr! 🙂

    Freundliche Grüsse
    Tim

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Zu den Einstellungsmöglichkeiten eines gekauften Themes kann ich dir nichts sagen, weil es mir nicht zur Verfügung steht. Als Workaround könntest du im Customizer unter Zusätzliches CSS folgende CSS-Regel einfügen:

    .product-template-default .container { width: 100%; }

    Danke für die schnelle Antwort!

    Ich habe dies versucht und witzigerweise wird es in der Customizeransicht richtig also in voller Breite dargestellt. Allerdings nur bei genau dieser Schreibweise, wenn ich „max-width“ anstatt nur „width“ schreibe, ist die Ansicht nicht mehr in voller Breite.

    Leider bleibt die Ansicht bei der richtigen Schreibweise nur im Customizer so. Auf der öffentlichen Website wird die Seite immernoch nicht voller Breite angezeigt.

    Ich werde sonst beim Themesupport nachfragen, trotzdem danke für die Hilfe!

    Gruss Tim

    Komisch, wenn ich die genannte URL jetzt aufrufen, wird der Hintergrund in voller Breite dargestellt. Hast du mal den Browser-Cache geleert?
    Du könntest auch nochmal
    .product-template-default #main-content .container { width: 100%; }
    probieren.

    max-width und width sind recht unterschiedliche Dinge.

    Gebe ich z.B. an

    .container {
      width:     800px;
      max-width: 80%;
    }

    dann wird er auf großen Displays mit 800 Pixeln Breite ausgegeben, auf kleineren Displays mit weniger als 1.000 Pixeln Breite jedoch nur maximal bis zu 80% der Fensterbreite.

    Eine gute Einführung in CSS findest du hier.

    Das ist wirklisch komisch.

    Ich habe jetzt den Browser-Cache geleert und den Codeschnipsel angepasst. Jedoch hat sich leider nichts verändert. Ich habe die Seite auch in mehreren Browsern geöffnet.

    Danke für die Erklärung und den Link! 🙂

    Auf sehr großen Displays greifen noch andere CSS-Regeln, die die maximale Breite des angezeigten Containers beschränken. Du kannst zusätzlich zu den genannten CSS-Regeln noch

    .product-template-default #main-content .container {
        max-width: none;
    }

    probieren.

    Höchstwahrscheinlich bietet das Theme dafür auch eine Einstellungsmöglichkeit im Customizer. Da ich das Theme aber nicht habe, kann ich das nicht nachschauen.

    Mit diesem zusätzlichen Codeschnipsel hat es funktioniert!

    Sehr grossen Dank!
    😀

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Das Thema „Produktdetailseite wird nicht in voller Breite angezeigt“ ist für neue Antworten geschlossen.