Zusätzliches Textfeld bei Kategorien

Sasa2

Die einzelnen Filterelemente und die Einleitungsüberschrift darüber sind über den Widgetbereich eingefügt. Ein Plugin nutze ich hierfür nicht.

Werbepost

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

b3317133

Evtl. hilft Dir dann das Widget Options Plugin weiter.

Sasa2

Zitat von b3317133

Evtl. hilft Dir dann das Widget Options Plugin weiter.

Da hab ich gerade mal in die Beschreibung geschaut. Da kann man wohl nur in der mobilen Ansicht ausblenden. Ist ja auch nicht so ganz ideal für Kunden. Vielleicht leg ich doch einen eigenen Widgetbereich horizontal an. Aber ich merk mir das Plugin auf jeden Fall als Notoption :)

b3317133

Mit dem aktuell verwendeten HTML-Code kannst Du den Filter Bereich für Mobil auch per CSS hochschieben, z.B. in Design > Customizer > Zusätzliches CSS z.B. so:

CSS

@media screen and (max-width: 768px) {
   .tax-product_cat #main > div[style^="display: grid;"] {
       display: block !important;
       margin-bottom: 30px;
   }
}

Sasa2

Zitat von b3317133
Mit dem aktuell verwendeten HTML-Code kannst Du den Filter Bereich für Mobil auch per CSS hochschieben, z.B. in Design > Customizer > Zusätzliches CSS z.B. so:
CSS
@media screen and (max-width: 768px) {
   .tax-product_cat #main > div[style^="display: grid;"] {
       display: block !important;
       margin-bottom: 30px;
   }
}

Super, danke. Klappt und sieht jetzt prima aus

b3317133

Man könnte dem [FONT=Courier New]div[/FONT] z.B. noch einen [FONT=Courier New]id[/FONT] geben und dann darüber per CSS ansprechen, das wäre dann alles später auch etwas besser nachvollziehbarer, z.B. so:

Code

HTML alt:


<div style="display: grid; grid-template-columns: 172px auto;">


HTML neu:


<div id="my-sidebar-filter">


Zusätzliches CSS:


.tax-product_cat #my-sidebar-filter {
  display: grid;
  grid-template-columns: 172px auto;
}
@media screen and (max-width: 768px) {
   .tax-product_cat #my-sidebar-filter {
      display: block;
      margin-bottom: 30px;
   }
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Zusätzliches Textfeld bei Kategorien

Jetzt mitmachen!

Benutzer online in diesem Thema