Warenkorbsymbol

  • Hallo Leo S ,

    der gesamte Code für den Warenkorb-Button unten links ist in einem globalen Attribut gespeichert, dessen Inhalte Sie ändern können. Da müssen Sie sich aber in JavaScript/HTML/CSS auskennen und wissen was Sie tun, sonst können Sie sich potentiell durch Syntaxfehler die ganze Website kaputt machen.


    Das Attribut heißt zpshop-basketindicator


    Wir raten allen Nutzern, hier besser die Finger davon zu lassen, ausser es muss unbedingt sein ;-)

    Im Notfall, das angepasste Attribut einfach löschen (rechtsklick auf den Attributs-Namen), dann werden wieder die Ursprungswerte genutzt.

  • So wie ich das sehe ist das eine svg Grafik Tragetasche wo kann man die svg tauschen oder geht das nicht?
    z.B ein svg Einkaufswagen draus machen.


    MfG Leo Danke für die schnelle Antwort

  • Hallo Leo,


    und so wie ich das sehe, steht die info auch im Attribut "zpshop-basketindicator"


    <svg width="4438px" height="5200px" viewBox="0 0 4438 5200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="basket" transform="translate(-149.000000, -107.000000)" fill-rule="nonzero"> <path d="M3833.77163,912.207452 L3418,193 C3359.03754,107.750562 3244.04368,81.7451525 3154,134 L2368,587.594714 L2368,356 L2368,307 C2368,197 2278,107 2168,107 L968,107 C858,107 768,197 768,307 L768,930.450204 C686.765997,932.69327 543.299435,935.080226 536,938 C447,967 398,1014 374,1062 L149,1512 L170,1625 C223,1916 263,2212 290,2511 C316,2803 330,3102 330,3407 C330,3712 316,4011 290,4303 C260,4643 210,4972 149,5307 L4587,5307 C4526,4972 4476,4643 4446,4303 C4420,4011 4406,3712 4406,3407 C4406,3102 4420,2803 4446,2511 C4476,2175 4525,1850 4585,1519 L4357,1062 C4333,1015 4286,967 4198,938 C4162,926 4118,916 4064,911 L3833.77163,912.207452 Z" id="basket-fill" fill-opacity="0.75" fill="#FFFFFF"></path> <path d="M1753,1307 L1681,1178 C1646.12901,1086.95423 1683.12703,982.932595 1768,934 L1792,920 L3154,134 C3244.04368,81.7451525 3359.03754,107.750562 3418,193 L4062,1307 L3831,1307 L3261,319 L3261,319 L3254,307 L3254,307 C3253.0432,306.791961 3254.04315,306.791961 3254,307 L3253,306 L3253,307 C3135.0495,374.806108 1868.11716,1105.95818 1868,1107 C1868.11716,1106.95839 1924.11417,1204.97878 1983,1307 L1753,1307 Z M3368,2678 L3368,2907 C3368,3459 2920,3907 2368,3907 C1816,3907 1368,3459 1368,2907 L1368,2680 C1306,2644 1268,2579 1268,2507 C1268,2397 1358,2307 1468,2307 C1578,2307 1668,2397 1668,2507 C1668,2579 1630,2644 1568,2680 L1568,2907 C1568,3349 1926,3707 2368,3707 C2810,3707 3168,3349 3168,2907 L3168,2678 C3106,2642 3068,2576 3068,2505 C3068,2394 3158,2305 3268,2305 C3378,2305 3468,2394 3468,2505 C3468,2576 3430,2642 3368,2678 Z M768,1307 L768,307 C768,197 858,107 968,107 L2168,107 C2278,107 2368,197 2368,307 L2368,356 L2168,472 L2168,307 L968,307 L968,1307 L768,1307 Z M374,1507 L4408,1507 L4064,911 C4118,916 4162,926 4198,938 C4286,967 4333,1015 4357,1062 L4585,1519 C4525,1850 4476,2175 4446,2511 C4420,2803 4406,3102 4406,3407 C4406,3712 4420,4011 4446,4303 C4476,4643 4526,4972 4587,5307 L149,5307 C210,4972 260,4643 290,4303 C316,4011 330,3712 330,3407 C330,3102 316,2803 290,2511 C263,2212 223,1916 170,1625 L149,1512 L374,1062 C398,1014 447,967 536,938 C546,934 557,931 568,928 L568,1139 C559,1144 554,1148 552,1152 L374,1507 Z M4349,1707 L387,1707 C431,1966 465,2228 489,2494 C516,2798 530,3102 530,3407 C530,3712 516,4016 489,4320 C465,4586 431,4848 387,5107 L4349,5107 C4305,4848 4271,4586 4247,4320 C4220,4016 4206,3712 4206,3407 C4206,3102 4220,2798 4247,2494 C4271,2228 4305,1966 4349,1707 Z" id="basket-b" fill="#333333"></path> </g></svg>

    Beste Grüße


    Dieter M.


    -----------------------------------------------------------------------------

    Ich nutze Zeta Producer 15.2.0 Business / Windows 10

  • Hallo Leo,


    wie Stefan S. oben schon geschrieben...

    "Der gesamte Code für den Warenkorb-Button ist in einem globalen Attribut gespeichert. Auch die der SVG Datei. Das Attribut heißt zpshop-basketindicator.


    TIPP: Vorher den Original Code sichern. Hätte ich das nicht gemacht... wäre ich voll aufgelaufen.


    Der Code den ich dann getauscht habe, ist ab <svg version="1.0"..................bis............</g></svg> Alles ander müsste so gelassen werden.


    Zusätzlich habe ich noch eigene CSS eingefügt. (siehe unten) Siehe Eigenes CSS einfügen

    Ob die eigene CSS so richtig ist, kann ich nicht sagen. Ich bin leider kein Fachmann auf dem Gebiet... aber es funktioniert.


    Eigene CSS:

    <style>

    .zpshopbasketindicator {

    bottom: auto;

    top: 1em;

    right:4em;

    }

    </style>


    <style>

    .zpshopbasketindicator .zpbasketindicator>svg {

    position:absolute;

    top:22px;

    left:-18px;

    z-index:1;

    width:68px;

    height:68px;

    }

    </style>


    <style>

    .zpshopbasketindicator .zpbasketindicator>span {

    position: relative;

    z-index: 0;

    border-radius:0px;

    min-width:16px;

    width: 20px;

    font-size:medium;

    padding: 6px 12px;

    color: #333;

    background-color:rgba(255,255,255);

    box-shadow:0 0 0 1px #333;

    }

    </style>


    <style>

    .zp-shopform a.button,

    .zpsajaxmodal a.button {

    line-height:2.0 !important;

    }

    </style>

    Beste Grüße


    Dieter M.


    -----------------------------------------------------------------------------

    Ich nutze Zeta Producer 15.2.0 Business / Windows 10