{"id":9194,"date":"2021-10-22T05:30:37","date_gmt":"2021-10-22T05:30:37","guid":{"rendered":"https:\/\/www.bay20.com\/?p=9194"},"modified":"2025-05-21T16:06:54","modified_gmt":"2025-05-21T10:21:54","slug":"wie-ein-schieber-einfugen-mit-magento-page-builder","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-ein-schieber-einfugen-mit-magento-page-builder\/","title":{"rendered":"Wie-erstelle-ich-deine-eigene-Detail-Ansichtsseite-in-Shopware-5"},"content":{"rendered":"\n

In diesem Tutorial werden wir Slider mit dem Magento 2.4.3<\/a> Page Builder erstellen. Ein Page Builder ist ein m\u00e4chtiges Werkzeug und einfach zu bedienen. Er ist benutzerfreundlich und spart Zeit.<\/p>\n\n\n\n

Folgen Sie den Anweisungen, um <\/strong>den Schieberegler auf der Startseite anzuzeigen:<\/strong><\/p>\n\n\n\n

Schritt 1:- <\/strong>Melden Sie sich bei Ihrem Administrator an.<\/p>\n\n\n\n

Schritt 2:- <\/strong>Navigieren Sie zu Inhalt > Elemente > Seiten<\/strong> und klicken Sie darauf.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 3:- <\/strong>Gehen Sie zu Ihrer Homepage, auf der Sie einen Slider hinzuf\u00fcgen m\u00f6chten. Ich werde meine Homepage \u201eDemo-Homepage\u201c bearbeiten und dann auf die Schaltfl\u00e4che \u201eBearbeiten\u201c klicken, wie auf dem Bild unten.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 4:- <\/strong>Erweitern Sie den Inhalt und klicken Sie auf die Schaltfl\u00e4che Mit Page Builder bearbeiten.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 5:-<\/strong> Ziehen Sie dann \u201eRow\u201c <\/strong>wie unten abgebildet und legen Sie sie ab.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 6:- <\/strong>Nach dem Ablegen der Zeile sehen Sie den Zeilenabschnitt wie in der Abbildung unten.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 7: – <\/strong>Erweitern Sie die Medien und ziehen Sie den Schieberegler per Drag & Drop wie in der Abbildung unten.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 8:-<\/strong> Nach dem Ziehen und Ablegen sehen Sie das Bild unten und klicken auf das Einstellungssymbol.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 9:- <\/strong>F\u00fcllen Sie dann die Felder aus und konfigurieren Sie Ihre Anforderungen wie in der Abbildung unten gezeigt.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 10:- <\/strong>Klicken Sie dann auf die Schaltfl\u00e4che Speichern.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 11:-<\/strong> Bewegen Sie den Mauszeiger \u00fcber den Schieberegler und Sie werden sehen, wie das Bild unten.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
  1. Er wird zum Verschieben von Schiebern verwendet.<\/li>
  2. F\u00fcgen Sie die Schieberegleroption nach Ihren Anforderungen hinzu.<\/li>
  3. Name der Option.<\/li>
  4. Schieberegler nach Ihren W\u00fcnschen bearbeiten.<\/li>
  5. Wird zum Ausblenden von Schiebern verwendet.<\/li>
  6. Dient zum Duplizieren von Schiebereglern.<\/li>
  7. Wird zum L\u00f6schen von Schiebern verwendet.<\/li>
  8. Bild hochladen:- <\/strong>Hier k\u00f6nnen Sie ein Bild f\u00fcr den Schieberegler hochladen.<\/li>
  9. Aus Galerie ausw\u00e4hlen: –<\/strong> W\u00e4hlen Sie ein Bild aus Ihrer Galerie aus.<\/li><\/ol>\n\n\n\n

    Schritt 12:- <\/strong>Klicken Sie auf das Symbol \u201eHinzuf\u00fcgen\u201c, wie in der Abbildung unten dargestellt.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Schritt 13:-<\/strong> Wiederholen Sie dann die Schritte 9 und 10.<\/p>\n\n\n\n

    Schritt 14:- <\/strong>Klicken Sie auf die Schaltfl\u00e4che Vorlage als Bild anwenden.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Schritt 15: – <\/strong>Wenn Sie auf die Schaltfl\u00e4che \u201eVorlage anwenden\u201c klicken, sehen Sie ein Bild und m\u00fcssen dann auf die Schaltfl\u00e4che \u201eAnwenden\u201c<\/strong> klicken.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Schritt 15: –<\/strong> Klicken Sie anschlie\u00dfend auf die Schaltfl\u00e4che Als Vorlage speichern<\/strong>, wenn Sie die Vorlage speichern m\u00f6chten, und klicken Sie dann auf die Schaltfl\u00e4che Vollbildschirm schlie\u00dfen.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Schritt 16:- <\/strong>Klicken Sie auf die Schaltfl\u00e4che \u201eSpeichern\u201c.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Schritt 17:-<\/strong> Danach f\u00fchren Sie den Befehl: php\/bin magento c:f<\/strong><\/p>\n\n\n\n

    Schritt 18:-<\/strong> Aktualisieren Sie Ihre Homepage und Sie werden einen Schieberegler sehen, wie im Bild unten.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Bitte kontaktieren Sie uns unter manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter +91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung in Bezug auf Magento ben\u00f6tigen. Sie k\u00f6nnen auch die Magento-Entwicklungsseite<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

    We are going to create slider using Magento 2.4.3 page builder. A page builder is a powerful tool and easy to use. It is user friendly and it saves time.<\/p>\n","protected":false},"author":27,"featured_media":9248,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77,79],"tags":[],"class_list":["post-9194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","category-magento-anleitung"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=9194"}],"version-history":[{"count":34,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9194\/revisions"}],"predecessor-version":[{"id":17270,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9194\/revisions\/17270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/9248"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=9194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=9194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=9194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}