1. Dashboard
  2. Artikel
  3. Forum
    1. Unerledigte Themen
  4. Filebase
  5. Bugtracker
    1. Ticketübersicht
    2. Roadmap
  • Anmelden
  • Registrieren
  • Suche
commerce:seo Tips & Tricks
  • Alles
  • commerce:seo Tips & Tricks
  • Forum
  • Artikel
  • Dateien
  • Seiten
  • Bugtracker
  • Erweiterte Suche
  1. commerce:seo Support
  2. Artikel
  3. commerce:seo Tips & Tricks

Responsive Slider

  • admin
  • 4. April 2017 um 08:11
  • 3.607 Mal gelesen
  • 0 Kommentare

Mit dem Responsive Slider arbeiten

Prinzipiell lassen sich über Admin > Hilfsprogramme > Slider Manager sehr schnell und einfach Slider auf Content-Seiten und Kategorien einbinden. Achten Sie aber unbedingt darauf das die Sliderbilder IMMER auf das Pixel genau die gleiche Größe haben.

Für alle anderen Fälle gibt es folgenden Workaround:

Sie können praktisch an jeder Stelle den Responsive Slider verwenden, wo Sie Texte mit dem WYSIWIG Editor bearbeiten können. Wichtig ist, dass Sie immer die class="rslides" und id="slider1" verwenden. Der Slider kann pro Seite 1 x eingebunden werden.
Nutzen Sie folgendes Beispiel als Vorlage:

Code
<ul class="rslides" id="slider1">
    <li><a  data-cke-saved-href="link.html" href="link.html"><img  data-cke-saved-src="images/products_promotion/1_0.jpg" src="images/products_promotion/1_0.jpg" /></a></li>
    <li><a  data-cke-saved-href="link.html" href="link.html"><img  data-cke-saved-src="images/products_promotion/2_0.jpg" src="images/products_promotion/2_0.jpg" /></a></li>
</ul>
  • Responsive
  • Nächster Artikel Kupons und Gutscheine

Verwandte Artikel

Youtube Videos einbinden

Wie binde ich Youtube Videos responsive ein



Zwar hat man über den WYSIWYG-Editor im Shop die Möglichkeit Youtube Videos einzubetten, allerdings sehen diese oft sehr unschön aus oder harmonieren nicht mit dem Template. Wir haben dazu folgenden Code erarbeitet den Sie an allen Stellen im Shop einarbeiten könnten.

Wichtig ist dabei, den YouTube-embed Code zu benutzen, aus diesem aber NUR die URL zu extrahieren und bei src="..." einzutragen.

(Quelltext, 6 Zeilen)

admin
4. April 2017 um 08:13
Gefällt mir 1
0

Kategorien

  1. Systemvoraussetzungen Webshop commerce:seo 1
  2. Grundkonfiguration commerce:seo 6
  3. Produkte und Kategorien 11
  4. Kundenverwaltung 5
  5. Module 6
  6. Hilfsprogramme 9
  7. commerce:seo Tools & Konfiguration 13
  8. commerce:seo Tips & Tricks 5
  9. Informationen für Entwickler 4
  10. Entwickler Informationen 0
  11. Admin neues Klassensystem 9
  12. Frontend neues Klassensystem 0
  13. Filter zurücksetzen
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™