Tutorials

Tutorial: Produktpreise in Wix Studio verbergen – Schritt für Schritt

Melden

In diesem Tutorial lernst du, wie du Produktpreise in Wix Studio ausblendest. Das ist besonders nützlich für B2B-Shops, exklusive Dienstleistungen oder Produkte, bei denen der Preis erst auf Anfrage („Price on Request“) mitgeteilt wird.

Es gibt zwei Hauptbereiche, in denen Preise angezeigt werden: in der Produktgalerie (Übersichtsseite) und auf der Produktseite (Einzelansicht). Wir gehen beide Szenarien durch.

Methode 1: Preise auf der Produktseite (Einzelansicht) ausblenden

Dies ist die Seite, die erscheint, wenn ein Kunde auf ein spezielles Produkt klickt.

  1. Wix Studio Editor öffnen: Melde dich in deinem Wix-Konto an und öffne dein Projekt im Wix Studio Editor.
  2. Zur Produktseite navigieren: Klicke oben in der Seitenverwaltung (Seiten-Icon links) auf das Dropdown-Menü und wähle unter dem Bereich „Shop-Seiten“ die Seite „Product Page“ aus.
  3. Einstellungen öffnen: Klicke im Editor direkt auf das Element der Produktseite (den Bereich, in dem Bild, Name und Preis angezeigt werden). Es erscheint ein schwebendes Menü. Klicke dort auf den Button „Einstellungen“ (Zahnrad-Icon).
  4. Anzeige-Optionen anpassen:
    • Gehe im Einstellungsmenü auf den Reiter „Design“ oder „Anzeige“ (Display).
    • Suche in der Liste der Elemente nach „Preis“.
    • Deaktiviere das Kontrollkästchen oder schalte den Regler bei „Preis“ aus.
  5. Speichern: Der Preis wird nun auf der Einzelansicht nicht mehr angezeigt.

Methode 2: Preise in der Produktgalerie (Shop-Übersicht) ausblenden

Damit die Preise auch in der Übersicht aller Produkte verschwinden, musst du die Galerie-Einstellungen anpassen.

  1. Shop-Seite auswählen: Gehe im Seiten-Menü zu deiner Haupt-Shopseite (meistens „Shop“ oder „Store“ genannt).
  2. Galerie anklicken: Klicke auf das Raster der Produktgalerie.
  3. Einstellungen wählen: Klicke auf den Button „Einstellungen“.
  4. Layout & Anzeige:
    • Navigiere zum Bereich „Anzeige“ (Display).
    • Suche den Punkt „Preis“ in der Liste der angezeigten Informationen.
    • Entferne das Häkchen bei „Preis“.
  5. Warenkorb-Button (Optional): Wenn du Preise verbirgst, möchtest du oft auch den „In den Warenkorb“-Button ausblenden. Dies kannst du im selben Menü unter den Anzeige-Optionen tun.

Methode 3: Preis durch „Preis auf Anfrage“ ersetzen (Profi-Tipp)

Manchmal möchtest du den Preis nicht einfach nur löschen, sondern durch einen Text ersetzen. Da Wix standardmäßig keine direkte „Text statt Preis“-Funktion hat, gibt es zwei Wege:

  • Weg A (Einfach): Setze den Preis im Shop-Manager auf 0. Aktiviere in den Einstellungen der Produktseite unter „Einstellungen“ -> „Texte anpassen“ die Option, dass bei einem Preis von 0 ein individueller Text wie „Preis auf Anfrage“ erscheint.
  • Weg B (Velo by Wix): Wenn du volle Kontrolle brauchst, kannst du in Wix Studio den Dev Mode (Velo) aktivieren. Mit einer Zeile Code kannst du das Preis-Element abfragen und den Text dynamisch ändern:
    $w('#productPrice').text = "Preis auf Anfrage";

    (Hinweis: Hierfür musst du die ID des Elements im Eigenschaften-Panel prüfen.)

Wichtiger Hinweis zum Checkout

Wenn du die Preise nur visuell ausblendest, das Produkt aber weiterhin einen Preis im System hinterlegt hat, könnte ein Kunde das Produkt (falls der „Warenkorb“-Button noch da ist) theoretisch trotzdem kaufen.

Empfehlung: Wenn du keine Preise zeigen willst, solltest du in der Produktverwaltung den Status des Produkts eventuell auf „Nicht zum Verkauf“ stellen oder den Warenkorb-Button ebenfalls über die oben genannten Schritte deaktivieren.

Zusammenfassung

  1. Produktseite: Einstellungen -> Anzeige -> Preis deaktivieren.
  2. Galerie: Einstellungen -> Anzeige -> Preis deaktivieren.
  3. Veröffentlichen: Klicke oben rechts auf „Veröffentlichen“, um die Änderungen live zu schalten.
0