So erstellen Sie einen Bildvergleichsschieberegler in WordPress

So erstellen Sie einen Bildvergleichsschieberegler in WordPress

Schritt 1: Installieren und aktivieren Sie die Elemento -Addons für Elementor

Stellen Sie vor der Installation sicher, dass sowohl WooCommerce als auch Elementor in Ihrem Dashboard aktiviert werden.

Laden Sie das Plugin herunter : Besuchen Sie die Seite "Elemento Addons Plugin" und laden Sie das Plugin herunter.

Gehen Sie zu Ihrem WordPress -Dashboard → Plugins → Neues → Plugin hochladen.

Laden Sie die heruntergeladene Datei hoch und klicken Sie auf "Jetzt installieren".

Klicken Sie nach der Installation auf "Aktivieren", um das Plugin zu aktivieren.

So installieren Sie Elemento -Addons bitte unten Video -Tutorial:

Schritt 2: Erstellen oder bearbeiten Sie eine Seite mit Elementor :

Gehen Sie zu Seiten> Neu hinzuzufügen, wenn Sie frisch anfangen, oder bearbeiten Sie eine vorhandene Seite oder fügen Sie nach Bedarf einen Schieberegler zu einer beliebigen Seite hinzu.

Klicken Sie mit Elementor bearbeiten, um den Elementor Page Builder zu starten.

Schritt 3: Fügen Sie das Bildvergleichs -Widget hinzu

Suchen Sie im Elementor -Editor nach Elemento Addons -Widgets in der Seitenleiste oder suchen Sie nach Bildvergleich im Widget -Bereich.

Ziehen Sie das Bildvergleichs -Widget überall auf der Seite.

Schritt 4: Laden Sie Ihre Bilder hoch hoch

Hier sehen Sie das neu hinzugefügte Bildvergleichs -Widget im Bild unten.

Verwenden Sie die linke Seitenleiste, um den Abschnitt mit den Bildern zu vergleiche, indem Sie Bilder im Bildabschnitt hinzufügen.

Ich habe Beispielbilder als Referenz aufgenommen.

Schritt 5: Passen Sie den Schieberegler an

Sie können die Einstellungen mit der linken Seitenleiste bearbeiten und anpassen.

Sie können die Einstellungen über das Menü links ändern und personalisieren.

Schritt 6: Veröffentlichen Sie die Seite

Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie auf Veröffentlichung , um Ihren Bildvergleichsleiter live zu gestalten.

Wenn Sie mit Ihren Anpassungen zufrieden sind, klicken Sie auf "Veröffentlichen", um Ihren Bildvergleichsschieberegler für andere sichtbar zu machen.

Sie können die Seite anzeigen, indem Sie auf die Seite "Ansicht" klicken.

Sie können den Live -Image -Vergleichs -Schieberegler auf Ihrer Seite anzeigen.

Shop Mania Woocommerce Thema

Suchen Sie nach einem wunderschönen, featurespaptierten Thema, um Ihren WooCommerce-Shop zu verbessern?

Wir empfehlen das Shop Mania -Thema für ein nahtloses und visuell ansprechendes Einkaufserlebnis.

Das schlanke Design, die einfachen Anpassungsoptionen und die WooCommerce -Kompatibilität machen Shop Mania zu einer guten Wahl für Geschäfte, die darauf abzielen, die Kundenzufriedenheit zu verbessern und Conversions zu steigern. Sie können es hier überprüfen.

Merkmale von Shop Mania:

• Ready-to-Import-Websites: Importieren Sie einfach Demo-Websites und passen Sie sie an die Bedürfnisse Ihres Geschäfts an.
• Mehrere Produktkarrenvorlagen: Wählen Sie aus fünf hochwertigen Karrenvorlagen, um das Design Ihres Geschäfts zu entsprechen.
• Schnelle Ansicht: Ermöglichen Sie den Benutzern die Vorschau von Produktdetails, ohne die aktuelle Seite zu verlassen.
• Off-Canvas-Seitenleiste: Zeigen Sie zusätzliche Produkte und Widgets an, ohne die Homepage zu überfüllen.
• Schwimmwagen: Verbessern Sie die Benutzererfahrung mit einem bequemen schwebenden Einkaufswagen.
• Produktschwebeeffekte: Beinhaltet Zoom-, Fade-, Image -Swap- und Folie -Effekte für interaktive Produktanzeigen.
• Mobile Header -Stile: Optimierte Header -Designs, die auf ein nahtloses mobiles Erlebnis zugeschnitten sind.
• Anpassbare Einzelproduktlayouts: Flexible Galerie -Layouts, einschließlich Gitter- und Slider -Optionen.
• Erweiterte Checkout- und Karrenstile: Personalisierte Kasse und Karrenseiten für eine reibungslose, distraktionfreie Erfahrung.