Kann man Icons in der Artikelleiste einstellen?

Thema wurde von julia_pecorelli, 19. März 2024 erstellt.

  1. julia_pecorelli
    julia_pecorelli Neues Mitglied
    Registriert seit:
    19. März 2018
    Beiträge:
    3
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo Zusammen,

    ich möchte gerne bei jedem Artikel in der Artikelleiste unterhalb des Produktnamen Icons einfügen.

    Hat jemand eine Ahnung wie das klappen könnte.

    Über GX-Customizer Set besteht die Möglichkeit oberhalb des Preises einzufügen.
    Geht so etwas aber auch ganz oben?

    Danke für eure Hilfe

    Viele Grüße
    Jule
    Icons einfügen.JPG
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Immer die selben Icons, oder irgendwoher abhängig. Cloudshop oder Selfhosted?
    Bitte bischen mehr Details, sonst ist das wie, gibts ein Auto mit 4 Reifen?

    Du kannst es im Template einfügen wenn es für viele gleich sein soll oder halt im Artikel einen der Einträge dazu "missbrauchen" und es darüber im Template einbinden / platzieren.
     
  3. julia_pecorelli
    julia_pecorelli Neues Mitglied
    Registriert seit:
    19. März 2018
    Beiträge:
    3
    Danke erhalten:
    0
    Danke vergeben:
    1
    Guten Morgen Dennis,

    da geb ich dir vollkommen recht.
    Ich bin ein Cloudshop und es sind insgesamt 4 Icons, die prinzipiell für alle Produkte gelten.
    Icons.jpg
    Diese würde ich gerne immer unterhalb der Produktüberschrift einfügen.
    Du schreibst, dass man das übers Template einfügen kann. Finde ich dafür irgendwo eine Bescheibung. Du musst wissen, ich bin auf dem Gebiet absoluter Laie.

    LG Jule
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.337
    Danke erhalten:
    1.021
    Danke vergeben:
    390
    Wenn es "prinzipiell" bei jedem Artikel sein soll. Dann gibt es eine Einschränkung?

    Du kannst dir eine eigene Vorlage für die Artikelseite erstellen. Die dann beim Artikel anlegen ausgewählt wird:
    upload_2024-3-20_8-49-2.png

    upload_2024-3-20_8-51-27.png


    1. Im StyleEdit gehst du in die "Meine Themes"-Übersicht. Dort wählst du beim aktiven Theme "Duplizieren" aus.
    ( Titel/ThemeID/Autor kannst du frei vergeben. Ist nur für dich. )
    2. Beim duplizierten Theme wählst du "Downloaden"
    3. Du entpackst die zip-Datei (rechte Maustaste, alle extrahieren)
    4. Du fügst im Ordner, in dem auch die theme.json liegt, einen Ordner "html" hinzu, der wiederum einen Unterordner "system" bekommt.
    5. Du öffnest den Editor und fügst den originalen Code der product_info_template_standard.html ein.
    Dieser originale Code wird durch diesen Block erweitert:
    {block name="product_info_template_standard_sticky_box_product_title" append}
    <img alt="" class="img-responsive" src="images/unterArtikelname.png" style="width: 360px; height: 110px;" />
    {/block}
    hier muss der Pfad rein, wie du dein Bild im Shop abgespeichert hast.
    und hier die Höhe und Breite des Bildes

    6. Speichere die Datei in den vorhin angelegten "system" Ordner:
    - Nenne sie "product_info_template_standard_icons.html"
    (Speichern unter, klicke zum Ordner "system", gib den Dateinamen ein (mit .html am Ende), Dateityp: alle Dateien, speichern)

    7. Nun erstellst du wieder ein ZIP-Paket aus den entpackten Dateien. (Vergib keinen neuen Namen)
    8. Im StyleEdit wählst du in der Meine Themes Übersicht "hochladen". Es kommt eine Meldung, ob das Theme überschrieben werden soll, was du bejahst.
    9. Aktiviere das Theme.
    Falls was nicht gehen sollte, aktivierst du einfach dein voriges Theme.

    Gerne darfst dich melden, wenn du nicht genau weißt, wie du dein Bild in den Code bekommst.


    Die 2. Möglichkeit wäre, es über die Zusatzfelder zu lösen. Dann steht es unter der Lieferzeit und über dem GX-Customizer:

    upload_2024-3-20_9-39-10.png

    Hier fügst du dein Bild in das Feld "Wert" ein. Das Feld "Bezeichnung" wird mit diesem CSS Code ausgeblendet:

    Code:
    .dl-horizontal .col-xs-4.text-left:last-of-type {
        display: none;
    }
    .dl-horizontal .col-xs-8:last-of-type {
        width: 100%;
    }