Warenkorbbutton ausblenden artikelliste

  • Hallo,

    ich zweckentfremde eine Artikelübersicht und möchte den Warenkorbbutton ausblenden, alle andere Element habe ich ausblenden können.

    Wie bitte ist die richtige syntax, es folgen 4 falsche Varianten, 5 und 6 klappen für preise wunderbar?!

    Danke

    <style>

    .zpshoparticle .zpProduct .zp-shopform .button.primary.addtocart {

    display: none;

    }

    .zpshoparticle .zpProduct .zp-shopform input.button.primary.addtocart {

    display: none;

    }

    .zpshoparticle .zpProduct .zp-shopform .button {

    display: none;

    }

    .zpshoparticle .zpProduct .zp-shopform input[type="submit"] {

    display: none;

    }

    .zpshoparticle .zpProduct .zp-shopform label {

    display: none;

    }

    .zpshoparticle .zpProduct .price {

    display: none;

    }

    .zpshoparticle .zpProduct .pricelabel {

    display: none;

    }

    </style>

  • Sprechen Sie vom Shop in Zeta Producer 16 und dem Button "in den Warenkorb"? Und was genau meinen Sie mit "Artikelübersicht"?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Versuchen Sie es mal mit folgendem, ungeprüften CSS:

    CSS
    <style>
    .zpshoparticle input.button.zpaddtocart{
        display: none;
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Leider bekomme ich das Problem nicht gelöst, egal welche Variante /siehe style/ ich probiere:

    (hier der Testpfad: https://webagentur-triebel.de/projekte/kabbala/shop.php und dann unter der app eine Karte/einen Weg aufrufen, dann kommt die Artikeldetailseite und dort muss der Warenkorbbutton weg oder inaktiv/unsichtbar werden. Die Anweisung werden geladen, aber lt. inspektor nicht angewendet!

    <style>

    .zpshoparticle button.zpaddtocart {

    display: none;

    }

    .zpshoparticle .zpProduct .button.zpaddtocart {

    display: none;

    }

    .zpshoparticle .zpProduct .zp-shopform .button.zpaddtocart {

    display: none;

    }

    .zpshoparticle .zpProduct .zp-shopform input[type="submit"] {

    display: none;

    }

    .zp-shopform .button.primary {

    display: none;

    }

    .zp-shopform .button.primary.zpaddtocart {

    display: none;

    }

    </style>

    diese Funktionieren dafür

    <style>

    .zpshoparticle .zpProduct .zp-shopform label {

    display: none;

    }

    .zpshoparticle .zpProduct .price {

    display: none;

    }

    .zpshoparticle .zpProduct .pricelabel {

    display: none;

    }

    </style>


    Daaaanke!

  • Bezg. "Steht doch drin": auf der verlinkten Seite waren keinerlei Warenkorb-Buttons zu sehen. Und um nicht raten zu müssen, hatte ich nach der URL zur Seite mit dem Button gefragt. Einfach damit ich nicht das Problem auf einer falschen (geratenen Seite) beurteile.

    Versuchen Sie es mal hiermit (und entfernen Sie all die anderen CSS-Versuche bzgl. der Buttons):

    CSS
    <style>
    .zpshoparticle .zp-shopform input.button.zpaddtocart{
        display: none !important;
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Das wars, super! Und sorry wg. unzureichender url-angabe, ich dachte link und beschreibung nächster Schritt wäre ausreichend. :-)) Danke und schönen Tag! mfg Triebel

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!