Bilder abgerundet im Shop

  • Hallo Zusammen,

    ich habe in den CSS Einstellungen folgendes hinterlegt. Das greift aber nicht bei den Shop Bildern,

    gibt es dazu noch einen Trick? Layout Campfire Responsive

    <style>

    /*Bilderabgerundet*/

    div.zpRow div.zpColumn img.singleImage {

    border-radius: 10px;

    }

    </style>



    Dankeschön

    Ich verwende ZP 17.2.4;)

    Grüße Ela

  • Ich bitte um einen Link zur entsprechenden Shop-Seite auf der die Bilder mit abgerundeten ecken gezeigt werden sollen.

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

  • habe es mal über euch veröffentlicht stall.zeta-producer.com

    dauert noch einen Moment


    Angeblich zu groß für zeta

    Ich verwende ZP 17.2.4;)

    Grüße Ela

  • Ich habe mal eine Vorschau gemacht und ein Screenshoot angefügt

    Ich verwende ZP 17.2.4;)

    Grüße Ela

    Einmal editiert, zuletzt von ElaSch (19. Juli 2023 um 20:51)

  • Bei mir auf Top responsive wäre es zb:

    <style>

    .zpshoparticle .zpProduct .productimage img {

    border-radius: 10px !important;

    }

    </style>

    deines geht nicht zum öffnen, probiere das mal aus oder setz ein !important dahinter

  • Hallo Markus,

    für den Testserver ist es angeblich zu groß. Danke ich versuche es.

    Du bist ja nicht mehr online bzw. machst Sommerpause mit deiner tollen Seite :)

    Ich verwende ZP 17.2.4;)

    Grüße Ela

  • Danke sehr nett von dir :) , ja ich war leider im Krankenhaus daher musste ich Offline gehen, bin aber bald mit einer neuen Seite und Verbesserungen wieder am Start.

  • Schau mal das große Bild ist abgerundet, die kleinen darunter nicht, nur beim weiterblättern.

    Ich verwende ZP 17.2.4;)

    Grüße Ela

    Einmal editiert, zuletzt von ElaSch (19. Juli 2023 um 20:52)

  • Diese musst du auch noch einfügen

    .zpshoparticle .zpProduct ul.thumbs li.active a,

    .zpshoparticle .zpProduct ul.thumbs li a {

    border-radius: 10px;

    }

    einmal die Bilder und wenn es Aktiv ist

  • Hallo Markus,

    sorry, ich hoffe ich nerve nicht :D kann ich die "Shop Artikelliste" die Bilder auch noch abrunden? Übersicht anbei

    Das andere hat ja super geklappt.


    Ganz lieben Dank

    Ich verwende ZP 17.2.4;)

    Grüße Ela

    Einmal editiert, zuletzt von ElaSch (19. Juli 2023 um 20:52)

  • Versuchen Sie mal "Rechtsklick" auf dem Foto und wählen Sie "untersuchen" aus. Dann öffnet sich rechts im Fenster des Browsers das Entwicklertool. Dort finden Sie den betreffende, CSS-Selektor. Den Selektor, wahrscheinlich ein kombinierter, fügen Sie in Ihrem CSS-Code einfach hinzu:

    Code
    .zpshoparticle .zpProduct ul.thumbs li.active a,
    
    .zpshoparticle .zpProduct ul.thumbs li a,
    
    CSS-Selektor hier {
    
    border-radius: 10px;
    
    }

    So können Sie eigenständig arbeiten.

    VG

  • Hallo ElaSch kein Problem, ich bräuchte da die Seite dazu, ich müsste das untersuchen evtl. funktioniert das:

    .productimage {

    border-radius: 10px;

    }

  • Versuchen Sie mal "Rechtsklick" auf dem Foto und wählen Sie "untersuchen" aus. Dann öffnet sich rechts im Fenster des Browsers das Entwicklertool. Dort finden Sie den betreffende, CSS-Selektor. Den Selektor, wahrscheinlich ein kombinierter, fügen Sie in Ihrem CSS-Code einfach hinzu:

    Code
    .zpshoparticle .zpProduct ul.thumbs li.active a,
    
    .zpshoparticle .zpProduct ul.thumbs li a,
    
    CSS-Selektor hier {
    
    border-radius: 10px;
    
    }

    So können Sie eigenständig arbeiten.

    VG

    Danke für den Hinweis mit Rechtsklick, das ist mir bekannt, manchmal steht man einfach auf dem Schlauch und fragt im Forum.

    Ich verwende ZP 17.2.4;)

    Grüße Ela

  • Hallo ElaSch kein Problem, ich bräuchte da die Seite dazu, ich müsste das untersuchen evtl. funktioniert das:

    .productimage {

    border-radius: 10px;

    }

    Hallo Markus,

    das ist wirklich das letzte mal, dass ich frage. 8) Die Seite ist noch nicht online.

    Aber in Zeta selbst sehe ich, dass die oberen Ecken des Bildes abgerundet sind, nur unten die Ecken sind unverändert. Habe auch important mit

    dazu.

    .productimage {

    border-radius: 8px !important;

    }

    Ich verwende ZP 17.2.4;)

    Grüße Ela

Jetzt mitmachen!

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