Responsive & Testshop 3

Thema wurde von Anonymous, 3. Mai 2018 erstellt.

  1. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Februar 2018
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo zusammen,

    wir haben den Testshop 3 mal ausprobiert und sind eigentlich soweit auch sehr zufrieden. Wir haben nur ein paar Probleme, bei der responsiven Darstellung der Artikel. Entweder sieht es in der Desktop-Version annehmbar aus, dann ist aber die Mobile-Version nicht zu gebrauchen oder andersrum. Das betrifft insbesondere auf der Hompage "Unsere Empfehlungen" und die Artikelansicht wenn man in die Kategorie geht. Bei den anderen Shops, funktioniert dass ja auch, kann man die "Vorlagen" nicht eventuell einbauen?

    Ich füge mal ein paar SC bei, da der Shop leider noch nicht live ist. Bin für alle Anregungen und jede Hilfe dankbar!

    Und wir haben ein Video hinterlegt, würden aber in der Mobilen-Ansicht nur ein Bild hinterlegen, geht das? Oder ist es besser das Video so weit zu verkleinern, dass es auch mobile läuft?

    Grüße

    Lars
     

    Anhänge:

  2. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Welche Shopversion habt ihr? Und um da richtig helfen zu können muss man hier leider den Shop sehen, damit man sich das CSS direkt anschauen kann.
     
  3. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Februar 2018
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    1
    Gambio Version: v3.9.1.0

    Das ist die Version die wir benutzen.

    Brauchst Du sonst noch was?
     
  4. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Versuchs mal mit dieser Datei, die du nach templates/Honeygrid/styles/modules/_product_listing.scss lädst. Erstell dir bitte zur Sicherheit noch eine Sicherung des Originals, bevor du die Datei da rein lädst. Da sind ein paar Bugfixes drin, die noch nach der Überarbeitung der Artikelkacheln gemacht worden sind.
     

    Anhänge:

  5. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Februar 2018
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    1
    Perfekt! Danke, dass sieht schon deutlich besser aus! Hast Du noch eine Idee bzw. einen Vorschlag für das Video?
     
  6. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Du kannst Inhalte je nach vorliegender Auflösung ein- und ausblenden. Was man dafür braucht, hab ich hier in etwa schon mal beschrieben: https://www.gambio.de/blog/gambio-t...stimmte_Aufloesungen_verstecken_oder_anzeigen.

    Am Beispiel vom Video im Demoshop 3 kann man da folgendes machen. Such dir die Stelle hier raus:

    HTML:
    {if ""|detect_page == "Index"}
            <video autoplay loop id="bgvid">
                <source src="images/content/index/Garten_stumm.mp4" type="video/mp4">
            </video>
        {/if}
    und mach daraus folgendes:

    Code:
    {if ""|detect_page == "Index"}
            <video autoplay loop id="bgvid" class="hidden-xs">
                <source src="images/content/index/Garten_stumm.mp4" type="video/mp4">
            </video>
           
            <img class="img-responsive visible-xs" src="dein/Pfad/zum/Bild.jpg">
        {/if}
    Kann aber sein, dass du zusätzlich auch ein bisschen CSS anpassen musst.
     
  7. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Februar 2018
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    1
    #7 Anonymous, 3. Mai 2018
    Zuletzt bearbeitet: 3. Mai 2018
    Ja, funktioniert. In welcher CSS Datei muss ich die Darstellungsgröße denn anpassen? Bzw. muss ich nicht das Div dann kleiner machen? Danke nochmal!
     
  8. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Das CSS kannst du per StyleEdit 3 hinterlegen. Dann brauchst du dafür keine Datei anpassen. Wenn du in der Style-Bearbeitung bist, dann klick mal auf den Namend es Styles. Da öffnet sich dann ein Dropdown mit dem Punkt "Eigenes CSS". Wenn du da drauf klickst, bekommst du ein Eingabefenster für CSS-Anweisungen.

    Um dir da was korrektes geben zu können, müsste ich jetzt aber tatsächlich den Shop sehen.
     
  9. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Februar 2018
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hab Dir ne Nachricht geschrieben. Brauchst Du sonst noch was?