Malibu Theme - Fragen zur Sliderdarstellung

Thema wurde von mi_kess, 17. Februar 2020 erstellt.

  1. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    dann habe ich für das gleiche Theme (Malibu) eine Frage: zu sehen ist eine Slider und zwei Teaser. Unter Darstellung/Teaser-slider kann ich EINEN Slider einstellen, aber wo die Teaser? Oder sind das nur "Bilder"? Dann, in meiner Malibu-Struktur sehe ich nur meinen zuvor schon angelegten Slider, rechts davon müßten halt noch diese zwei Teaser/Bilder sein, da ist aner nix. Wie kann ich da zwei Teaser/Bilder anlegen (übereinander, wie im Beispielshop)?
    LG, Michl
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Hallo Michl,

    ich habe den Beitrag mal als einzelnen Beitrag erstellt, der das nichts mit dem Home-Button zu tun hat.
    so finden andere User das besser, die eine ähnliche Frage haben.

    Das im Malibu-Theme ist ein Slieder mit 2 Bildern daneben.
    Wenn du den Slider aktiviert hast, öffnest Du den Style Editor und gehst auf den Reiste "Widgets"
    Jetzt hat der Slider einen blauen Rahmen und in der Ecke oben rechts einen Bleistift.
    Da klickst Du drauf.
    Im Style Editor hast du jetzt Teaser-Slider und darunter "Varianten"
    Wenn Du die Varianten öffnest, kannst du die Ansicht mit den 2 Bildern auswählen
     
  3. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    Hallo Barbara,
    das hatte ich so versucht gehabt, allerdings bleibt bei mir auch danach nur der vorbereitete Slider stehen, daneben bleibt alles leer. Hatte (wie weiter unten) Platzhalter oder ähnliches erwartet, aber nein, nix. Deswegen hatte ich im Verdacht, dass ich im Content-Manager was anlegen muss...
    Und Bilder ( aus dem Widget-Reiter) kann ich mit dem Rüberziehen dort (unter Header und über der Sektion mit "unseren Empfehlungen") auch nicht erstellen
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Könnte ein Fehler in der Version sein.
    Ich habe meine Malibu-Version schon wieder ziemlich "Vertestet" :D da sehe ich nicht mehr so genau was geht oder nicht
    Frage Gabmio einmal per Ticket, wie das geht, bzw. schreibe das es bei Dir nicht geht.
     
  5. Anonymous

    Anonymous Beta-Held

    Registriert seit:
    18. Dezember 2014
    Beiträge:
    2.521
    Danke erhalten:
    806
    Danke vergeben:
    906
    @mi_kess ,

    die Bilder musst du im Adminbereich unter Content freier Inhalt1 hinzufügen und aktivieren.
     
  6. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    ..und, diese Sektionen haben Namen wie "textbox-bjq5jegjw" zu Identifizierung, aber wo habe ich Zugriff darauf? Content-Manager? Im Unterverzeichnis themes/malibu/contentzones...?
     
  7. Anonymous

    Anonymous Beta-Held

    Registriert seit:
    18. Dezember 2014
    Beiträge:
    2.521
    Danke erhalten:
    806
    Danke vergeben:
    906
    Content Manager, Elemente, freier Inhalt1
     
  8. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    jupp, Andreas, das hat geklappt, vielen Dank (Elemente, freier Inhalt / dann aktivieren)
    aber die letzte Frage bezog sich auf die Angaben hier im styleeditor:
    upload_2020-2-17_18-16-45.png

    wie kann ich auf diese textbox (textbox-bjq5jegjw) zugreifen, im Content M finde ich diese Elemente nicht
     
  9. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    und Barbara, nach dem Runterladen der Malibu Version wurde das Aussehen mit meinen bisher testweise angelegten Strukturen (Slider / Testartikel /Testkategorien) automatisch "gefüllt", habe lange versucht, die Malibu-Struktur ohne diese Vermischung zu erhalten, aber ohne Erfolg
    habe also Wilkens Beitrag irgendwie noch nicht richtig verstanden ( Wilken (Gambio), 29. August 2019 )
     
  10. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Der Slider wird immer und bei jedem Theme angezeigt, wenn er aktiviert ist.
    Ebenso wie Artikel oder Kategorien.

    Der Shop ist eine Wohnung, Du hast Schränke und Regale (Kategorien) darin ist irgend ein Gedöns (Artikel) und dann hast Du Bilder an der Wand (Slider)

    Bisher hattest du weiße Raufasertapete überall.
    Jetzt willst Du Renovieren und die Wände mit schönen Tapeten und Farben gestalten -> Das ist das Theme.

    Deine Bilder, Schränke und das ganze Gedöns verändern sich dadurch aber nicht. Es sei denn, das du sie mit anpinselst :)

    Stell Dir vor Dein Shop wäre gefüllt und Du willst ein neues ganz schickes Theme - dann willst du nciht alle Artikel etc neu anlegen müssen, oder?

    Zum Text: der ist irgend wo auf der Seite, die im Style Editor offen ist.
    Das könnte z.B. dieser Text hier sein:
    Unbenannt.JPG

    Ändern kannst Du den Text über den Bleistift auf der linken Seite (Pink)
    Wo Du widgets einfügen kannst, erkennst Du an dem "+" im Feld (hier in gelb)


    Das ist keine Textbox, sondern eine Klasse.
    Mit einer Klasse kann man bereiche per css ansprechen und einheitlich stylen.
    Wenn ich z.B. 3 Text-Felder mit einer bestimmten Schriftart in einer bestimmten Schriftgröße und Farbe haben will, dann kann ihc das entweder bei jeder Schrift einzeln machen (dann muss ich das bei einem Wechsel aber auch überall einzeln machen) oder ich lege eine Klasse an und steuer das zentral über das eigene css.
     
  11. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    komm mir etwas deppert vor: um ein zweites Bild einzufügen, müsste ich halt parallel zu ersten Vorgehensweise den "freier Inhalt2" anlegen und aktivieren? Klappt nicht
    Dann, wenn ich mir die Details des Testshops angucke und dies nachmache (slider hat 883px × 400px, die Bilder daneben (freier Inhalt 1 und ev.2 haben 440px × 193px ) dann sieht das Resultat bei mir recht anders aus. Wähle ich nun eine anderes
    areas.slider.variants wie ja Barbara ober mir beschrieben hatte, rutscht das Bild (halt nur das eine sichbare von "freier Inhalt1" einfach runter, unter den slider (hatte erwartet, dass nun dieser "freier Inhalt1" nicht angezeigt wird..
    Barbara: ja, das hatte ich schon verstanden, mit den "Wohnräumen". Nur, einige "Einrichtungen" - hier zb der Ort der Bilder - richtet man im styleediter ein (den Ort, dann auch gleich den Inhalt) aber bei anderen Sachen muss man in den Content Manager die Einstellungen vornehmen.
    auch bietet der styleediter die Möglichkeit, den Reiter Widgets benutzend, Bilder in gewisse Bereiche zu "schieben", also zu platzieren, in diesem Bereich lässt er es aber nicht zu
    LG, Michael
     
  12. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Bisher gab es nur festgelegte Bereiche, die man über den Content-Manager füllen konnte.
    Weitere Artikelslider z.B. gingen nur über zusätzliche Module.
    Ohne Zugriff auf die Dateien war es nicht möglich weiteren Content, Bilder etc auf die Seite zu bringen.

    Mit der Shopversion 3.15. und dem neuen Style Editor gibt es jetzt die Möglichkeit an einigen Stellen weitere Artikel, Bilder und Texte einzufügen, ohne an den Dateien werkeln zu müssen.
    Da das noch sehr neu ist, sind da auch alle noch am ausprobieren, wie was jetzt genau und am Besten funktioniert.

    Wie Andreas oben geschrieben hat, ist neben dem Teaser der "Freie Inhalt 1"
    Wenn man da 2 Bilder in passender Größe, aber ohne Größenangaben und mit der Klasse "img-responsive" einfügt,
    werden die neben dem Slider angezeigt.

    Ich habe das gerade in meinem Testshop probiert:
    Unbenannt.JPG

    Die Anzeige steuert man nur über den Content-Manager
    Durch die Position / Größe des Sliders - den man im Style Editor einstellt) kann man die Anzeige neben den Slider platzieren.
    sonst ist sie darunter.
    Die Anzeige ist an den Slider gekoppelt - man kann den Slider ohne den Freien Inhalt 1 anzeigen aber nicht den Freien Inhalt 1 ohne Slider


    Der Freie Inhalt ist an bestimmte Bereiche (der Startseite) gekoppelt.
    Im Template Honeygrid ist es z.B.:
    Freier Inhalt 1 unter den Produktankündigungen
    Freier Inhalt 2 über den Sonderangeboten
    Freier Inhalt 3 über den neuen Artikeln

    Im Honeygrid - Theme ist das auch so, im Malibu - Theme ist die Startseite aber anders aufgebaut und der Content
    Freier Inhalt 2 und 3 tauchen bei mir gar nicht auf.
     
  13. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    Danke Barbara, zwei Bilder also in "Freie Inhalt 1", da denk ich, ich hab alles rumprobiert, und darauf bin ich nicht gekommen :(
    Ok, der Unterschied in den html Zeilen ist mir aufgefallen:
    mein Beispiel:
    upload_2020-2-20_10-38-16.png
    und auf der Malibu Seite:
    upload_2020-2-20_10-40-1.png
    Ich hatte schon Mal deine css Vorschläge umgesetzt gehabt, oder html Befehle von Wilken nachgeschrieben, muss ich dies in diesem Fall auch wieder tun, oder kann man das im ContentM machen...
    LG, Michael
     
  14. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ich habe in meinem Schnelltest einfach nur 2 Bilder untereinander im Content.Manager eingefügt.
    abgesehen von dem "responsive" und dass ich die Bildgroßen in der Maske entfernt habe, habe ich nichts am css oder html gemacht.
    Wenn Du aber irgendwelche Schatten, Rahmen, Effekte....haben möchtest, muss man das einfügen
     
  15. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    das responsive möchte ich einfügen, ja bitte.
    wo ändert man das?
    Danke
     
  16. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Wenn Du im Contentmanager das Bild über das "Bildeinfügen - Icon hochlädst, oder später auf das Bild doppelklickst
    öffnet sich diese Maske:
    Unbenannt.JPG

    hier müssen die Größenangaben raus
    Dann auf den Reiter "Erweitert" wechseln
    Unbenannt-1.JPG

    auch hier müssen die Größen raus (falls da welche stehen)
    Im Feld "Formatvorlagenklassen" trägst Du
    img-responsive
    ein
     
  17. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    ja das hat alles geklappt, nur eins nicht: bei kleineren Bildschirmen rutschen die Bilder von rechts auf nebeneinander darunter, bei mir allerdings nicht: sie bleiben übereinander und rutschen so unten den Slider. Habe mit den Einstellungen
    upload_2020-2-24_14-45-32.png
    "Ausrichtungen" gespielt, sehe aber keine Änderungen.
    Wie haben die zwei Bilder in Deinem Testshop auf die verkleinerung des Bildschirms reagiert, Barbara?
    LG, Michael
     
  18. mi_kess

    mi_kess Aktives Mitglied

    Registriert seit:
    2. Oktober 2019
    Beiträge:
    37
    Danke erhalten:
    0
    Danke vergeben:
    18
    ok, hat also noch keiner probiert?
     
  19. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ich teste das noch mal und sende Dir den Code dafür.
    Da muss man etwas mit den Gritspalten einfügen....
     
  20. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Wenn man das so im Quellcode schreibt, geht es:
    HTML:
    <div class="col-xs-6 col-md-12">
        <a class="teaser" href="Kategorie/"><img alt="text" class="img-responsive" src="images/Bild-1.jpg" /> </a>
    </div>
    <div class="col-xs-6 col-md-12">
        <a class="teaser" href="Kategorie/"><img alt="text" class="img-responsive" src="images/Bild-2.jpg" /> </a>
    </div>
    Dass musst Du mit Deinen Bilddaten und Links anpassen.