Liquid, JavaScript, Themes
Hallo,
ich benötige eure Hilfe.
Bei der Tabelle mit mehreren Spalten, würde ich gerne die Einzelnen Spalten in der Desktop Version "zum sliden" anzeigen lassen. Analog der mobilen Variante.
So ist es aktuell:
Bei vielen Spalten ist quasi die ganze Webseite voll damit.
In der mobilen Version ist das viel übersichtlicher:
Wie bekomme ich das hin, dass ich z.B. nur 4 Anzeigen lasse und dann der nächste Abschnitt beginnt?
Vielen Dank und liebe Grüße,
Gelöst! Zur Lösung
Erfolg.
Hey @nicobalik
Danke für die Bilder und der Multicolumn Abschnitt ist aufgrund den Barrierefreiheiten derzeit so designed, dass das Wischen nur auf der Mobile Version möglich ist:
Ich verstehe warum du die fehlende Karussell Funktion in der Desktop-Version des mehrspaltigen Tabelle haben möchtest, es ist jedoch von unseren Theme Designer Team absichtlich so designed worden, sprich, nicht auf ein Oversight unseres Theme-Teams zurückzuführen. Der mehrspaltige Bereich wurde also nicht als Karussell für das Desktop-Layout in unseren Themes konzipiert und ein Blick in die bezahlbaren Themes zeigt dasselbe Verhalten wo das wischen nur auf Mobile möglich ist.
Themes aber wie Impact haben dennoch ähnliche Abschnitte, die das Wischen auf Desktop anbieten, wie hier aus meinem Test-Impact Theme abgebildet falls du dieses Theme ausprobieren möchtest:
Die Implementierung einer Karussell Funktion für den mehrspaltigen Bereich auf dem Desktop würde also eine Überarbeitung des Codes und umfangreiche Programmierung erfordern, um eine nahtlose Funktionalität auf verschiedenen Bildschirmgrößen zu gewährleisten und gleichzeitig die Reaktionsfähigkeit und die richtige Bildauflösung für deine oben-angezeigten Bilder beizubehalten. Mit der folgenden Coding Anpassung besteht das Risiko den Multicolumn Abschnitt komplett zu zerschiessen, also bitte immer zuerst in einer Theme Kopie Testumgebung testen. Unten habe ich einen YT Video, ein paar Slider Apps, und andere Threads verlinkt, die das Thema eingehen.
Apropos, wir bieten auch eine begrenzte kostenlose Designzeit von 60 Minuten für kleine Änderungen an den Shopify Free-Themes an wie du hier lesen kannst. Komplexere Anpassungen, wie die von dir gewünscht, würden jedoch nicht in den Rahmen dieses Services fallen leider.
Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell und sind auf projektbasierte Arbeit spezialisiert, sprich, verfügen über das Fachwissen, um komplizierte Anpassungen wie die von dir gewünschte Anpassung vorzunehmen. Sie können dir die nötige Unterstützung und Anleitung geben, die auf deine speziellen Bedürfnisse zugeschnitten ist.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Die folgenden Links sind Theme-abhängig, ohne Gewähr und dienen lediglich dazu dich in die richtige Richtung zu weisen:
Apps die das auch können:
---
Habt ihr auch den Shop auf die Weihnachtssaison und den Winterschlussverkauf umgestellt? Jetzt ist die Zeit wo Online Shopper nach 🎁 oder Schnäppchen 👀!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Erfolg.
Hey @nicobalik
Danke für die Bilder und der Multicolumn Abschnitt ist aufgrund den Barrierefreiheiten derzeit so designed, dass das Wischen nur auf der Mobile Version möglich ist:
Ich verstehe warum du die fehlende Karussell Funktion in der Desktop-Version des mehrspaltigen Tabelle haben möchtest, es ist jedoch von unseren Theme Designer Team absichtlich so designed worden, sprich, nicht auf ein Oversight unseres Theme-Teams zurückzuführen. Der mehrspaltige Bereich wurde also nicht als Karussell für das Desktop-Layout in unseren Themes konzipiert und ein Blick in die bezahlbaren Themes zeigt dasselbe Verhalten wo das wischen nur auf Mobile möglich ist.
Themes aber wie Impact haben dennoch ähnliche Abschnitte, die das Wischen auf Desktop anbieten, wie hier aus meinem Test-Impact Theme abgebildet falls du dieses Theme ausprobieren möchtest:
Die Implementierung einer Karussell Funktion für den mehrspaltigen Bereich auf dem Desktop würde also eine Überarbeitung des Codes und umfangreiche Programmierung erfordern, um eine nahtlose Funktionalität auf verschiedenen Bildschirmgrößen zu gewährleisten und gleichzeitig die Reaktionsfähigkeit und die richtige Bildauflösung für deine oben-angezeigten Bilder beizubehalten. Mit der folgenden Coding Anpassung besteht das Risiko den Multicolumn Abschnitt komplett zu zerschiessen, also bitte immer zuerst in einer Theme Kopie Testumgebung testen. Unten habe ich einen YT Video, ein paar Slider Apps, und andere Threads verlinkt, die das Thema eingehen.
Apropos, wir bieten auch eine begrenzte kostenlose Designzeit von 60 Minuten für kleine Änderungen an den Shopify Free-Themes an wie du hier lesen kannst. Komplexere Anpassungen, wie die von dir gewünscht, würden jedoch nicht in den Rahmen dieses Services fallen leider.
Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell und sind auf projektbasierte Arbeit spezialisiert, sprich, verfügen über das Fachwissen, um komplizierte Anpassungen wie die von dir gewünschte Anpassung vorzunehmen. Sie können dir die nötige Unterstützung und Anleitung geben, die auf deine speziellen Bedürfnisse zugeschnitten ist.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Die folgenden Links sind Theme-abhängig, ohne Gewähr und dienen lediglich dazu dich in die richtige Richtung zu weisen:
Apps die das auch können:
---
Habt ihr auch den Shop auf die Weihnachtssaison und den Winterschlussverkauf umgestellt? Jetzt ist die Zeit wo Online Shopper nach 🎁 oder Schnäppchen 👀!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Danke!
Bitte! 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024