#2201 ThemeWare® Design-Update 1/2021

Wie du sicherlich bemerkt hast, lag unser Fokus in den letzten Monaten vor allem im Bereich "Design". Wir haben viele neue Funktionen, Effekte, Animationen, CSS-Klassen, Konfigurationsfelder und Anpassungsmöglichkeiten ergänzt, mit welchen du deinen Shop noch stärker individualisieren und gestalten kannst.


Damit du sofort von den wichtigsten Design-Verbesserungen profitieren kannst, haben wir uns entschieden einige Änderungen passend zum jeweiligen Theme als "Standard"-Konfiguration auszuliefern.


Hinweis: Die Änderungen werden nur übernommen, wenn die entsprechenden Konfigurationsfelder von dir nicht bereits modifiziert wurden. Deine individuelle Konfiguration ist also nicht betroffen!


Wir sind davon überzeugt, dass du von den Design-Änderungen profitieren wirst, aber selbstverständlich hast du mit ThemeWare® die Möglichkeit einzelne oder alle Design-Änderungen problemlos rückgängig zu machen. Alle Änderungen sind konfigurierbar. Welche Konfiguration für welches Theme geändert wurde erfährst du in diesem Artikel.


Theme-Updates

 

ThemeWare® Clean

25 Konfigurationsfelder aktualisiert


Paginierung (Tab "Inhalt" => Bereich "Paginierung")

  • Bereich "Farbkonfiguration"
    1. Textfarbe (twt-pagination-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
    2. Textfarbe @disabled (twt-pagination-disabled-color): 
      • "#798490" > "#bcc1c7"
    3. Rahmenfarbe (twt-pagination-border-color): 
      • "#bcc1c7" > "#ffffff"
    4. Rahmenfarbe @hover (twt-pagination-hover-border-color): 
      • "#bcc1c7" > "#ffffff"
    5. Rahmenfarbe @active (twt-pagination-active-border-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
    6. Rahmenfarbe @disabled (twt-pagination-disabled-border-color): 
      • "#bcc1c7" > "#ffffff"
    7. Hintergrundfarbe (twt-pagination-background-color): 
      • "#ffffff" > "#f8f8f8"
    8. Hintergrundfarbe @active (twt-pagination-active-background-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
  • Bereich "Darstellungsart 'Navigation'"
    1. Ecken (twt-pagination-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"

 

Scroll-Top-Button (Tab "Inhalt" => Bereich "Scroll-Up Button")

  • Bereich "Basiskonfiguration"
    1. Ecken (twt-scroll-up-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"

 

Produkt-Box (Tab "Kategorieseite" => Bereich "Produkt-Box")

  • Bereich "Basiskonfiguration"
    1. Hover-Effekt (twt-product-box-hover-type): 
      • "Standard" > "Vergrößern"
    2. Hover-Effekt auf Slider anwenden (twt-product-box-hover-apply): 
      • "nein" > "ja"

 

Sliders (Tab "Inhalt" => Bereich "Sliders")

  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-base-slider-controls-style): 
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-base-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"
    3. Textfarbe (twt-base-slider-controls-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
    4. Rahmenfarbe (twt-base-slider-controls-border-color): 
      • "transparent" > "#ffffff"
    5. Hintergrundfarbe (twt-base-slider-controls-background-color): 
      • "transparent" > "#ffffff"
  • Bereich "Punkte-Navigation"
    1. Hover-Effekt (twt-base-slider-navigation-dots-hover-type): 
      • "Standard" > "vergrößern"
    2. Hintergrundfarbe (twt-base-slider-navigation-dots-background-color): 
      • "#bcc1c7" > "#f5f5f5"
    3. Hintergrundfarbe @active/hover (twt-base-slider-navigation-dots-background-color-active): 
      • "#798490" > "$sw-color-brand-secondary"

 

Galerie-Slider (Tab "Erlebniswelten" => Bereich "CMS-Block 'Galerie' (Kategorie 'Bilder')")

  • Bereich "Pfeile-Navigation"
    1. Ecken (twt-gallery-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"
    2. Hover-Effekt (twt-gallery-slider-controls-hover-type): 
      • "kein Effekt (Standard)" > "fade in"

 

Teilen-Links (Tab "Produktseite" => Bereich "Teilen-Links")

  • Bereich "Basiskonfiguration"
    1. Icon-Style (twt-product-detail-sharing-links-icon-style): 
      • "eckig" > "rund"
    2. Icon-Färbung (twt-product-detail-sharing-links-icon-coloration): 
      • "Standard" > "individuelle Farbe"
    3. Individuelle Farbe (twt-product-detail-sharing-links-icon-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"

 

ThemeWare® Strong

32 Konfigurationsfelder aktualisiert


Paginierung (Tab "Inhalt" => Bereich "Paginierung")

  • Bereich "Basiskonfiguration"
    1. Darstellungsart (twt-pagination-style): 
      • "Navigation (Standard)" > "Buttons"
  • Bereich "Farbkonfiguration"
    1. Textfarbe (twt-pagination-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
    2. Textfarbe @hover (twt-pagination-hover-color): 
      • "darken($sw-color-brand-primary, 15%)" > "$sw-color-brand-secondary"
    3. Textfarbe @disabled (twt-pagination-disabled-color): 
      • "#798490" > "$sw-color-brand-secondary"
    4. Rahmenfarbe (twt-pagination-border-color): 
      • "#bcc1c7" > "transparent"
    5. Rahmenfarbe @hover (twt-pagination-hover-border-color): 
      • "#bcc1c7" > "transparent"
    6. Rahmenfarbe @active (twt-pagination-active-border-color): 
      • "$sw-color-brand-primary" > "transparent"
    7. Rahmenfarbe @disabled (twt-pagination-disabled-border-color): 
      • "#bcc1c7" > "transparent"
    8. Hintergrundfarbe (twt-pagination-background-color): 
      • "#ffffff" > "#fafafa"
    9. Hintergrundfarbe @hover (twt-pagination-hover-background-color): 
      • "#eeeeee" > "darken(#fafafa, 15%)"
    10. Hintergrundfarbe @disabled (twt-pagination-disabled-background-color): 
      • "#ffffff" > "darken(#fafafa, 15%)"
  • Bereich "Darstellungsart 'Buttons'"
    1. Ecken (twt-pagination-buttons-corner-type): 
      • "abgerundete Ecken" > "nicht abgerundet"

 

Scroll-Top-Button (Tab "Inhalt" => Bereich "Scroll-Up Button")

  • Bereich "Basiskonfiguration"
    1. Ecken (twt-scroll-up-corner-type): 
      • "abgerundete Ecken (Standard)" > "nicht abgerundet"

 

Produkt-Box (Tab "Kategorieseite" => Bereich "Produkt-Box")

  • Bereich "Basiskonfiguration"
    1. Hover-Effekt (twt-product-box-hover-type): 
      • "Standard" > "Nach oben gleiten"
    2. Hover-Effekt auf Slider anwenden (twt-product-box-hover-apply): 
      • "nein" > "ja"

 

Sliders (Tab "Inhalt" => Bereich "Sliders")

  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-base-slider-controls-style): 
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-base-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "nicht abgerundet"
    3. Textfarbe @hover (twt-base-slider-controls-color-hover): 
      • "$sw-color-brand-secondary" > "#ffffff"
    4. Rahmenfarbe @hover (twt-base-slider-controls-border-color-hover): 
      • "darken($twt-base-slider-controls-border-color, 10%)" > "transparent"
    5. Hintergrundfarbe (twt-base-slider-controls-background-color): 
      • "transparent" > "#ffffff"
    6. Hintergrundfarbe @hover (twt-base-slider-controls-background-color-hover): 
      • "darken($twt-base-slider-controls-background-color, 7.5%)" > "$sw-color-brand-primary"
  • Bereich "Punkte-Navigation"
    1. Ecken (twt-base-slider-navigation-dots-type): 
      • "runde Ecken (Standard)" > "nicht abgerundet"

 

Galerie-Slider (Tab "Erlebniswelten" => Bereich "CMS-Block 'Galerie' (Kategorie 'Bilder')")

  • Individuelles Styling (twt-gallery-slider-controls-individual): 
    • "nicht verwenden (Standard)" > "individuelles Styling verwenden"
  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-gallery-slider-controls-style): 
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-gallery-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "nicht abgerundet"
    3. Hover-Effekt (twt-gallery-slider-controls-hover-type): 
      • "kein Effekt (Standard)" > "fade in"
    4. Textfarbe (twt-gallery-slider-controls-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
    5. Textfarbe @hover (twt-gallery-slider-controls-color-hover): 
      • "$sw-color-brand-secondary" > "#ffffff"
    6. Rahmenfarbe @hover (twt-gallery-slider-controls-border-color-hover): 
      • "darken($twt-gallery-slider-controls-border-color, 10%)" > "transparent"
    7. Hintergrundfarbe @hover (twt-gallery-slider-controls-background-color-hover): 
      • "darken($twt-gallery-slider-controls-background-color, 7.5%)" > "$sw-color-brand-secondary"

 

Produktseite (Tab "Produktseite" => Bereich "Layout")

  • Bereich "Basiskonfiguration"
    1. Darstellungsart (Preistabelle) (twt-product-detail-prices-table-style): 
      • "kompakt" > "breit"
    2. Darstellungsart (Eigenschaftentabelle) (twt-product-detail-properties-table-style): 
      • "kompakt" > "breit"

 

ThemeWare® Outdoor

44 Konfigurationsfelder aktualisiert


Suche (Tab "Header" => Bereich "Suche")

  • Bereich "Basiskonfiguration"
    1. Darstellungsart (twt-header-search-type)
      • "Flyout-Suche" > "Vollbildsuche"

 

Paginierung (Tab "Inhalt" => Bereich "Paginierung")

  • Bereich "Basiskonfiguration"
    1. Darstellungsart (twt-pagination-style): 
      • "Navigation (Standard)" > "Buttons"
  • Bereich "Farbkonfiguration"
    1. Textfarbe (twt-pagination-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
    2. Textfarbe @hover (twt-pagination-hover-color): 
      • "darken($sw-color-brand-primary, 15%)" > "$sw-color-brand-primary"
    3. Textfarbe @disabled (twt-pagination-disabled-color): 
      • "#798490" > "darken($sw-color-brand-secondary, 15%)"
    4. Rahmenfarbe (twt-pagination-border-color): 
      • "#bcc1c7" > "#ffffff"
    5. Rahmenfarbe @hover (twt-pagination-hover-border-color): 
      • "#bcc1c7" > "#ffffff"
    6. Rahmenfarbe @active (twt-pagination-active-border-color): 
      • "$sw-color-brand-primary" > "#ffffff"
    7. Rahmenfarbe @disabled (twt-pagination-disabled-border-color): 
      • "#bcc1c7" > "#ffffff"
    8. Hintergrundfarbe @active (twt-pagination-active-background-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"

 

Scroll-Top-Button (Tab "Inhalt" => Bereich "Scroll-Up Button")

  • Bereich "Farbkonfiguration"
    1. Rahmenfarbe (twt-scroll-up-border-color)
      • "#b9ab88" > "$sw-color-brand-secondary"
    2. Hintergrundfarbe (twt-scroll-up-background-color)
      • "#b9ab88" > "$sw-color-brand-secondary"

 

Produkt-Box (Tab "Kategorieseite" => Bereich "Produkt-Box")

  • Bereich "Basiskonfiguration"
    1. Hover-Effekt auf Slider anwenden (twt-product-box-hover-apply): 
      • "nein" > "ja"
    2. Hover-Effekt (Buy-Button) (twt-product-box-action-buy-btn-hover):
      • "fade in" > "slide down"

 

Sliders (Tab "Inhalt" => Bereich "Sliders")

  • Bereich "Pfeile-Navigation"
    1. Ecken (twt-base-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "nicht abgerundet"
    2. Textfarbe @hover (twt-base-slider-controls-color-hover): 
      • "$sw-color-brand-secondary" > "#b9ab88"
    3. Rahmenfarbe (twt-base-slider-controls-border-color): 
      • "transparent" > "#ffffff"
    4. Hintergrundfarbe (twt-base-slider-controls-background-color): 
      • "transparent" > "#ffffff"
  • Bereich "Punkte-Navigation"
    1. Darstellungsart (twt-base-slider-navigation-dots-style): 
      • "Quadrat/Kreis (Standard)" > "Rechteck"
    2. Ecken (twt-base-slider-navigation-dots-type): 
      • "runde Ecken (Standard)" > "nicht abgerundet"
    3. Hover-Effekt (twt-base-slider-navigation-dots-hover-type): 
      • "Standard" > "vergrößern"
    4. Hintergrundfarbe (twt-base-slider-navigation-dots-background-color): 
      • "#bcc1c7" > "$sw-color-brand-primary"
    5. Hintergrundfarbe @active/hover (twt-base-slider-navigation-dots-background-color-active): 
      • "#798490" > "#b9ab88"

 

Bild-Slider (Tab "Erlebniswelten" => Bereich "CMS-Block 'Bild-Slider' (Kategorie 'Bilder')")

  • Individuelles Styling (twt-image-slider-controls-individual):
    • "nicht verwenden (Standard)" > "individuelles Styling verwenden"
  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-image-slider-controls-style):
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-image-slider-controls-corner-type):
      • "abgerundete Ecken (Standard)" > "nicht abgerundet"
    3. Textfarbe @hover (twt-image-slider-controls-color-hover):
      • "$sw-color-brand-secondary" > "#b9ab88"
    4. Rahmenfarbe (twt-image-slider-controls-border-color):
      • "transparent" > "rgba(255, 255, 255, 0.8)"
    5. Rahmenfarbe @hover (twt-image-slider-controls-border-color-hover):
      • "darken($twt-image-slider-controls-border-color, 10%)" > "rgba(255, 255, 255, 0.9)"
    6. Hintergrundfarbe (twt-image-slider-controls-background-color):
      • "transparent" > "rgba(255, 255, 255, 0.8)"
    7. Hintergrundfarbe @hover (twt-image-slider-controls-background-color-hover):
      • "darken($twt-image-slider-controls-background-color, 7.5%)" > "rgba(255, 255, 255, 0.9)"

 

Galerie-Slider (Tab "Erlebniswelten" => Bereich "CMS-Block 'Galerie' (Kategorie 'Bilder')")

  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-gallery-slider-controls-style): 
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-gallery-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "nicht abgerundet"
    3. Hover-Effekt (twt-gallery-slider-controls-hover-type):
      • "kein Effekt (Standard)" > "fade in"

 

Produkt-Slider (Tab "Erlebniswelten" => Bereich "CMS-Block 'Produkt-Slider' (Kategorie 'Commerce')")

  • Individuelles Styling (twt-product-slider-controls-individual): 
    • "nicht verwenden (Standard)" > "individuelles Styling verwenden"
  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-product-slider-controls-style): 
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-product-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"
    3. Textfarbe @hover (twt-product-slider-controls-color-hover): 
      • "$sw-color-brand-secondary" > "#b9ab88"

 

Newsletter (Tab "Widgets" => Bereich "Newsletter")

  • Bereich "Farbkonfiguration"
    1. Rahmenfarbe (Eingabefeld) (twt-widget-newsletter-input-border-color):
      • "#ffffff" > "$sw-color-brand-primary"
    2. Hintergrundfarbe (Eingabefeld) (twt-widget-newsletter-input-background-color):
      • "#000000" > "$sw-color-brand-primary"
    3. Rahmenfarbe (Button) (twt-widget-newsletter-button-border-color):
      • "#ffffff" > "$sw-color-brand-primary"
    4. Rahmenfarbe (Button) @hover (twt-widget-newsletter-button-border-color-hover):
      • "#ffffff" > "$sw-color-brand-primary"
    5. Hintergrundfarbe (Button) (twt-widget-newsletter-button-background-color):
      • "#000000" > "$sw-color-brand-primary"
    6. Hintergrundfarbe (Button) @hover (twt-widget-newsletter-button-background-color-hover):
      • "#ffffff" > "$sw-color-brand-secondary"

 

ThemeWare® Bio

40 Konfigurationsfelder aktualisiert


Buttons (Tab "Layout" => Bereich "Buttons")

  • Bereich "Farbkonfiguration"
    1. Heller Button (twt-color-light-button)
      • "#f9f9f9" > "#e9e4de"

 

Modal (Tab "Layout" => Bereich "Modal")

  • Bereich "Farbkonfiguration"
    1. Hintergrundfarbe (twt-modal-background-color)
      • "rgba(0, 0, 0, 0.5)" > "rgba(48, 39, 34, 0.85)"

 

Suche (Tab "Header" => Bereich "Suche")

  • Bereich "Basiskonfiguration"
    1. Darstellungsart (twt-header-search-type)
      • "Flyout-Suche" > "Vollbildsuche"
  • Bereich "Farbkonfiguration"
    1. Hintergrundfarbe (Vollbildsuche) (twt-header-search-fullscreen-background-color)
      • "rgba(0, 0, 0, 0.9)" > "rgba(48, 39, 34, 0.975)"

 

Paginierung (Tab "Inhalt" => Bereich "Paginierung")

  • Bereich "Basiskonfiguration"
    1. Darstellungsart (twt-pagination-style): 
      • "Navigation (Standard)" > "Buttons"
  • Bereich "Farbkonfiguration"
    1. Textfarbe @disabled (twt-pagination-disabled-color): 
      • "#798490" > "darken($sw-color-brand-primary, 15%)"
    2. Rahmenfarbe (twt-pagination-border-color): 
      • "#bcc1c7" > "transparent"
    3. Rahmenfarbe @hover (twt-pagination-hover-border-color): 
      • "#bcc1c7" > "transparent"
    4. Rahmenfarbe @active (twt-pagination-active-border-color): 
      • "$sw-color-brand-primary" > "transparent"
    5. Rahmenfarbe @disabled (twt-pagination-disabled-border-color): 
      • "#bcc1c7" > "transparent"
    6. Hintergrundfarbe (twt-pagination-background-color): 
      • "#ffffff" > "lighten(#e9e4de, 4%)"
    7. Hintergrundfarbe @hover (twt-pagination-hover-background-color): 
      • "#eeeeee" > "#e9e4de"
    8. Hintergrundfarbe @disabled (twt-pagination-disabled-background-color): 
      • "#ffffff" > "lighten(#e9e4de, 8%)"
  • Bereich "Darstellungsart 'Buttons'"
    1. Ecken (twt-pagination-buttons-corner-type): 
      • "abgerundete Ecken" > "runde Ecken"

 

Scroll-Top-Button (Tab "Inhalt" => Bereich "Scroll-Up Button")

  • Bereich "Basiskonfiguration"
    1. Ecken (twt-scroll-up-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"

 

Produkt-Box (Tab "Kategorieseite" => Bereich "Produkt-Box")

  • Bereich "Basiskonfiguration"
    1. Hover-Effekt (twt-product-box-hover-type): 
      • "Standard" > "Nach oben gleiten"
    2. Hover-Effekt auf Slider anwenden (twt-product-box-hover-apply): 
      • "nein" > "ja"

 

Sliders (Tab "Inhalt" => Bereich "Sliders")

  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-base-slider-controls-style): 
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-base-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"
  • Bereich "Punkte-Navigation"
    1. Hover-Effekt (twt-base-slider-navigation-dots-hover-type): 
      • "Standard" > "ausfüllen"
    2. Hintergrundfarbe (twt-base-slider-navigation-dots-background-color): 
      • "#bcc1c7" > "#bdb8b3"
    3. Hintergrundfarbe @active/hover (twt-base-slider-navigation-dots-background-color-active): 
      • "#798490" > "#bdb8b3"

 

Galerie-Slider (Tab "Erlebniswelten" => Bereich "CMS-Block 'Galerie' (Kategorie 'Bilder')")

  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-gallery-slider-controls-style): 
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-gallery-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"
    3. Textfarbe (twt-gallery-slider-controls-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
    4. Textfarbe @hover (twt-gallery-slider-controls-color-hover): 
      • "$sw-color-brand-secondary" > "#ffffff"
    5. Rahmenfarbe @hover (twt-gallery-slider-controls-border-color-hover): 
      • "darken($twt-gallery-slider-controls-border-color, 10%)" > "transparent"
    6. Hintergrundfarbe @hover (twt-gallery-slider-controls-background-color-hover): 
      • "darken($twt-gallery-slider-controls-background-color, 7.5%)" > "$sw-color-brand-secondary"

 

Produkt-Slider (Tab "Erlebniswelten" => Bereich "CMS-Block 'Produkt-Slider' (Kategorie 'Commerce')")

  • Individuelles Styling (twt-product-slider-controls-individual): 
    • "nicht verwenden (Standard)" > "individuelles Styling verwenden"
  • Bereich "Pfeile-Navigation"
    1. Darstellungsart (twt-product-slider-controls-style): 
      • "Rechteck (Standard)" > "Quadrat/Kreis"
    2. Ecken (twt-product-slider-controls-corner-type): 
      • "abgerundete Ecken (Standard)" > "runde Ecken"
    3. Textfarbe (twt-product-slider-controls-color): 
      • "$sw-color-brand-primary" > "$sw-color-brand-secondary"
    4. Hintergrundfarbe (twt-product-slider-controls-background-color):
      • "transparent" > "#ffffff"
    5. Textfarbe @hover (twt-product-slider-controls-color-hover): 
      • "$sw-color-brand-secondary" > "#ffffff"
    6. Rahmenfarbe @hover (twt-product-slider-controls-border-color-hover): 
      • "darken($twt-product-slider-controls-border-color, 10%)" > "transparent"
    7. Hintergrundfarbe @hover (twt-product-slider-controls-background-color-hover): 
      • "darken($twt-product-slider-controls-background-color, 7.5%)" > "$sw-color-brand-secondary"

 

Produkt-Box (Tab "Kategorieseite" => Bereich "Produkt-Box")

  • Bereich "Farbkonfiguration"
    1. Rahmenfarbe @hover (twt-product-box-border-color-hover)
      • "#008490" > "lighten(#e9e4de, 6%)"
    2. Hintergrundfarbe @hover (twt-product-box-background-color-hover)
      • "#f7f7f7" > "lighten(#e9e4de, 9%)"

 

Produktseite (Tab "Produktseite" => Bereich "Layout")

  • Bereich "Basiskonfiguration"
    1. Darstellungsart (Preistabelle) (twt-product-detail-prices-table-style): 
      • "kompakt" > "breit"
    2. Darstellungsart (Eigenschaftentabelle) (twt-product-detail-properties-table-style): 
      • "kompakt" > "breit"

Bitte teile uns deine Meinung mit!

Danke, das hat mir geholfen
Hat mir nicht geholfen

b32eb2130b52e24f40a20f78579567eb
Kurz die Cookies, dann geht's weiter...
Auch diese Seite nutzt die üblichen Arten von Cookies: Technische und funktionale Cookies sind unbedingt nötig,damit diese Website überhaupt funktionieren kann.Zusätzlich nutzen wir Marketing-Cookies,damit wir dich auf unseren Seiten wiedererkennen und unsere Website und Kampagnen stets verbessern können, sowie Personalisierungs-Cookies mit denen wir dich, auch außerhalb dieser Website, besser ansprechen können.

Mit der Auswahl "Akzeptieren und Schließen" erlaubst Du uns die Verwendung dieser Cookies und Technologien. Bitte besuche unsere Datenschutzerklärung für weitere Informationen. Dort erfährst Du auch wie wir die Daten für erforderliche Zwecke (z. B. Sicherheit) verwenden.

Hier kannst du einstellen, welche Cookies du zulassen möchtest.

Technisch erforderlich

Wir nutzen Cookies, um die Bedienung und die Bereitstellung der Website zu ermöglichen und um sicherzustellen, dass bestimmte Funktionen ordnungsgemäß funktionieren. Diese Cookies sind immer aktiviert, da Du die Website sonst nicht ordnungsgemäß bedienen könntest.

Marketing

Die TC-Innovations GmbH und unsere Werbepartner (einschließlich Social Media-Plattformen wie Google, Facebook und Instagram) nutzen Tracking, um Dir personalisierte Angebote anzubieten, die Dir das volle Nutzererlebnis bieten. Dies beinhaltet das Anzeigen von "Direktwerbung auf Werbeplattformen Dritter", wie in der Datenschutzerklärung beschrieben. Wenn Du dieses Tracking nicht akzeptierst, wirst Du dennoch zufällige Werbeanzeigen von uns auf anderen Plattformen angezeigt bekommen.

Analyse

Um unsere Websites und Services stetig zu verbessern, analysieren wir das Nutzerverhalten auf unseren Websites.

Mehr Informationen findest du in unserer Datenschutzerklärung.

SpeichernCookie-EinstellungenAkzeptieren und Schließen