Shopify Tutorial: Benefit Slider Bar wie bei Snocks erstellen (Liquid Tutorial mit Swiper.js)
In diesem Video erstellen wir eine Announcement Bar für Shopify, die du im Header und auf allen Seiten nutzen kannst (Produktseite, Collection etc.) Wir werden eine Section erstellen, die jeweils für Desktop und Smartphone eine vernünftige Darstellung hat. Auf Mobilgeräten haben wir die Möglichkeit, zwischen den einzelnen Benefits zu wischen. Wir nutzen für das Shopify Tutorial zwei Technologien: - CSS Flexbox (Für die Darstellung auf dem Desktop) - Swiper.js [https://swiperjs.com/] (Für die Darstellung auf dem Smartohone und den Slider) ► Dokumentation: https://martingasiorek.notion.site/Shopify-Tutorial-Trust-Bar-wie-bei-Snocks-erstellen-45488429c4d24a8e8af2471c96b5c0c2?pvs=4 ► Du möchtest einen Termin mit mir? https://calendly.com/martingasiorek/erstgesprach ► Inhalt: 0:00 Einleitung 02:00 Endergebnis: Die Shopify Section 03:47 Schritt 1 - Swiper.js integrieren 04:45 Schritt 2 - Shopify Section erstellen 05:37 Schritt 3 - Erläuterung Schema Code 10:07 Schritt 4 - Liquid Code / HTML Code 13:55 Schritt 5 - CSS Anweisungen 21:41 Schritt 6 - JavaScript für Swiper.js ► Top-Bücher zu Marketing, Business & Finanzen, die ich dir empfehle: This is Marketing: https://amzn.to/3Sbftx1 The One Page Marketing Plan: https://amzn.to/3Z0fWUU SEO Playbook: 3 Months to No. 1: https://amzn.to/3IDBWQb Deep Work - Konzentriert Arbeiten: https://amzn.to/3KgOe26 CASHVERTISING: 100 Geheimnisse der Werbepsychologie: https://amzn.to/3khkKX5 So Good They Can't Ignore You: https://amzn.to/3XLqMgg How to Fail at Almost Everything and Still Win Big: https://amzn.to/3KmE9R7 The 5 AM Club: Own Your Morning. Elevate Your Life: https://amzn.to/3SakFBj The Practice: Shipping creative work: https://amzn.to/3kdYRrG Positioning: The Battle for Your Mind: https://amzn.to/41cUSfG ► 10€ bei Hosting & Domain sparen: https://www.checkdomain.de/?pid=b8497ea8 ► Mein Equipment: Mikrofon - Rode: https://amzn.to/3Sayy2k Microfonarm - Rode: https://amzn.to/3xxztAt Videoleuchte - Aputure: https://amzn.to/3IDzglu ► Spenden Du möchtest meine Arbeit unterstützen und meine kostenlosen Videos honorieren? Ich sage sagen danke! Paypal: https://www.paypal.com/donate/?hosted_button_id=8NWKGGDZMDMU8
In diesem Video erstellen wir eine Announcement Bar für Shopify, die du im Header und auf allen Seiten nutzen kannst (Produktseite, Collection etc.) Wir werden eine Section erstellen, die jeweils für Desktop und Smartphone eine vernünftige Darstellung hat. Auf Mobilgeräten haben wir die Möglichkeit, zwischen den einzelnen Benefits zu wischen. Wir nutzen für das Shopify Tutorial zwei Technologien: - CSS Flexbox (Für die Darstellung auf dem Desktop) - Swiper.js [https://swiperjs.com/] (Für die Darstellung auf dem Smartohone und den Slider) ► Dokumentation: https://martingasiorek.notion.site/Shopify-Tutorial-Trust-Bar-wie-bei-Snocks-erstellen-45488429c4d24a8e8af2471c96b5c0c2?pvs=4 ► Du möchtest einen Termin mit mir? https://calendly.com/martingasiorek/erstgesprach ► Inhalt: 0:00 Einleitung 02:00 Endergebnis: Die Shopify Section 03:47 Schritt 1 - Swiper.js integrieren 04:45 Schritt 2 - Shopify Section erstellen 05:37 Schritt 3 - Erläuterung Schema Code 10:07 Schritt 4 - Liquid Code / HTML Code 13:55 Schritt 5 - CSS Anweisungen 21:41 Schritt 6 - JavaScript für Swiper.js ► Top-Bücher zu Marketing, Business & Finanzen, die ich dir empfehle: This is Marketing: https://amzn.to/3Sbftx1 The One Page Marketing Plan: https://amzn.to/3Z0fWUU SEO Playbook: 3 Months to No. 1: https://amzn.to/3IDBWQb Deep Work - Konzentriert Arbeiten: https://amzn.to/3KgOe26 CASHVERTISING: 100 Geheimnisse der Werbepsychologie: https://amzn.to/3khkKX5 So Good They Can't Ignore You: https://amzn.to/3XLqMgg How to Fail at Almost Everything and Still Win Big: https://amzn.to/3KmE9R7 The 5 AM Club: Own Your Morning. Elevate Your Life: https://amzn.to/3SakFBj The Practice: Shipping creative work: https://amzn.to/3kdYRrG Positioning: The Battle for Your Mind: https://amzn.to/41cUSfG ► 10€ bei Hosting & Domain sparen: https://www.checkdomain.de/?pid=b8497ea8 ► Mein Equipment: Mikrofon - Rode: https://amzn.to/3Sayy2k Microfonarm - Rode: https://amzn.to/3xxztAt Videoleuchte - Aputure: https://amzn.to/3IDzglu ► Spenden Du möchtest meine Arbeit unterstützen und meine kostenlosen Videos honorieren? Ich sage sagen danke! Paypal: https://www.paypal.com/donate/?hosted_button_id=8NWKGGDZMDMU8