Zusätzliches Info-Feld in Produkt Detail Seite einfügen

Thema wurde von TRC-Michi, 6. März 2015 erstellt.

  1. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    Hier die Lösung für den Style --> #gm_attribute_images dann die gewünschte position eintragen und auch die größe.
     
  2. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
    Wird dazu die "product_listing_v1.html" modifiziert?

    Ich verwende bereits eine usermod davon, dann kann man ja mehrere verwenden (für mehrere TÜV-Kennzeichnungsarten"
     
  3. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
    Kannst Du die Anleitung etwas konkretisieren für mich? ;-)
     
  4. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    Welche Variante soll es den sein...schaue Bild.
    1.jpg
     
  5. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    Habe die Variante nochmal überarbeitet, um ein besseres Bild darzustellen.

    1.jpg

    Erklärung:

    Es wird eine neue Lieferzeit angelegt, die jedem Artikel zugeordnet werden kann. In der Anlegung der Lieferzeit ein Bild in der Größe 250px x 100px erarbeiten und einfügen. Das ist einfacher zu handhaben als in den Scripten zu basteln.

    Bildangabe: png Format tranzparent mit dem jeweiligen Schriftzug darunter.
    Anforderung: Bildbearbeitungsprogramm mit hoher Auflösung.


    [​IMG]
     
  6. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
    Eigentlich dachte ich eher so an das erste was Du gepostet hast. Da ist die Lieferzeitangabe zu sehen, und darunter die TÜV-Geschichte.... eigentlich möchte ich unsere Lieferzeitangabe ja behalten....
     
  7. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    #2 Erklärung: Mittels des Style Editors ein Hintergrundbild wählen ( Bild 2 ) und auf die gleiche Größe bringen wie das #gm_attribute_images ( das vorher auf die Größe gebracht werden sollte ) die Positionierung anhand des ( Bild 1) vornehmen. ( gelber Bereich ).

    2.jpg 3.jpg
    BILD 1
     
  8. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    #28 MP Solution, 8. März 2015
    Zuletzt bearbeitet: 8. März 2015
    Die Lieferzeit ist ja zu sehen, steht unter dem image. Kann auch vergrößert werden. Desweiteren kann man im Kreativen Sinne auch viel über die Grafik erarbeiten und dort eine Lieferzeit noch mit hinein nehmen.
     
  9. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
    Wenn ich das richtig verstehe, willst Du die "gm_attibute_images" modifizieren.
    Das mit der Größe anzupassen ist mir klar. Aber ich kann kein Hintergrundbild darin hinterlegen. Die Funktion gibt mir mein Sytel Edit nicht aus.
    Ich zwar sagen, dass die "details.inside dl" eine Grafik bekommt, aber das ist ja dann in den oberen Feldern (also in Artikelnummer + Lieferzeit) und nicht im darunterliegenden Feld.

    Was passiert wenn ich aber später attribute zuweise, das passt dann nicht mehr mit den dropdowns oder?

    Unbenannt-2.jpg
     
  10. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    #30 MP Solution, 9. März 2015
    Zuletzt bearbeitet: 9. März 2015
    Attribute vs Image

    1.jpg
     

    Anhänge:

    • 1.jpg
      1.jpg
      Dateigröße:
      99,5 KB
      Aufrufe:
      13
  11. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
    #31 TRC-Michi, 9. März 2015
    Zuletzt bearbeitet: 9. März 2015
    Nicht schlecht. Das währe brauchbar :-D

    Aber es bleibt das Problem, dass mein Style Edit mir die Option nicht vorgibt, und dass es anwendbar nur für alle Artikel ist, nicht für einzelne....
     
  12. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    So ist es. Daher ja auch meine Frage am Anfang. Ich würde es über die Lieferzeitangabe regeln und den Part des Feldes anpassen. Somit ist bei dieser Möglichkeit das freie einstellen der Lieferangabe für jeden Artikel gewährleistet.
     
  13. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
     
  14. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    Wo liegt nun das Problem? Die Umsetzung der Angaben?
     
  15. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
    Wenn ich im Style Edit das bearbeite, ist das dann in der product_lsiting datei gespeichert oder wo anders?

    Ich muss 4 unterschiedliche Arten von TÜV-Kennzeichnungen einbauen.

    1x Quasi mit TÜV-Prüfung

    1x Ohne TÜV-Prüfung

    1x Mit einem E-Prüfzeichen

    1x Ohne E-Prüfzeichen

    Wenn das ganze in der product_listing (also Artikeldetailseitenvorlage gespeichert wird, kann ich ja mit unterschiedlichen USERMODS das wunderbar speichern und beim Artikelerstellen auswählen...

    ---


    Zu letzt bleibt abe rnoch das Problem, dass mein Style Edit mir die Auswahlfunktionen von Dir nicht anzeigt :-/
     
  16. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    Bei einem Update bleibt es so. Es wird sich dadurch nichts verändern und wird im Stylesheet hinterlegt. Updatesicher

    Den export file ( Design ) sichern. Die product_listing ist da ein wenig aufwendiger um dies dort einzutragen.

    Das mit dem Style Edit ist kein Akt: Vorgehensweise: unter dem CSS Editor im Style Edit folgenden CSS Befehl eingeben nach dem anklicken auf dem besagten Feld
    PHP:
    background-image: ;
    nun erscheint ein neuer Befehls Button "Hintergrund"

    Dann die angegebene Passage aus meinem anderen Thread anklicken und den Background aussuchen von der eigenen Festplatte. Das war es auch schon.

    Das Bild wird aber wie schon erwähnt immer das gleiche sein für alle Produkte.

    Ich tendiere ja immer noch zu dem anderen Path mit der Lieferzeit.
     
  17. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
    Dazu muss dann wohl noch ne andere Lösung gefunden werden .. obwohl die Idee echt gut war.
     
  18. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.448
    Danke erhalten:
    11.248
    Danke vergeben:
    1.606
    Nimm die templates/ eyeCandy/ module/ Product_infor/ standard.html
    und kopier Dir diese.
    In der Kopie fügst Du an gewünschter Stelle das Bild ein und speicherst die Datei dann z.B. als siegel_1-staandard.html
    So eine Seite machst du für alle Deine Info-Bilder.
    Im Artikel kannst Du dann das Template siegel_1-standard,html wählen.
     
  19. TRC-Michi

    TRC-Michi Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2014
    Beiträge:
    217
    Danke erhalten:
    21
    Danke vergeben:
    22
    Hallo Barbara, danke für den Tip :)
    Ich weiß leider nicht wo ich einen img befehl einfügen soll, bzw. wie genau, dass ermir im shop ausgegeben wird :-(
     
  20. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.448
    Danke erhalten:
    11.248
    Danke vergeben:
    1.606
    Wenn Du das über die Datei standard.html lösen möchtest:

    Kopiere Dir die Datei templates/ EyeCandy/ module/ product_info/ standard.html so oft, dass Du für jede Tüv-Info eine Datei hast.
    Gib den Dateien einen eindeutigen Namen: (z.B. tuv_xyz_standard.html..)

    Öffne die Datei und suche nach:
    HTML:
    <div class="info clearfix">
    	<div class="inside">
    		<h1>{$RICH_SNIPPET_ARRAY.product_itemprop_name_start}{$PRODUCTS_NAME}{$RICH_SNIPPET_ARRAY.product_itemprop_name_end}</h1>
    		<dl>
    		{if $PRODUCTS_MODEL!='' || $SHOW_PRODUCTS_MODEL}
    			<dt>{$txt.text_model}</dt>
    			<dd class="products_model">{$RICH_SNIPPET_ARRAY.product_itemprop_model_start}{$PRODUCTS_MODEL}{$RICH_SNIPPET_ARRAY.product_itemprop_model_end}</dd>
    		{/if}
    		{if $SHIPPING_NAME || $SHOW_SHIPPING_TIME}
    			<dt>{$txt.text_shippingtime}</dt>
    			<dd class="shipping_time">{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} <span class="products_shipping_time_value">{$SHIPPING_NAME}</span>{if $ABROAD_SHIPPING_INFO_LINK_ACTIVE} <a class="abroad_shipping_info_link lightbox_iframe" href="popup_content.php?coID={$smarty.const.SHIPPING_INFOS}&amp;lightbox_mode=1">({$txt.text_abroad_shipping_info})</a>{/if}</dd>
    		{/if}
    		{if $PRODUCTS_QUANTITY || $SHOW_PRODUCTS_QUANTITY}
    			<dt>{$txt.text_stock}</dt>
    			<dd class="products_quantity"><span class="products_quantity_value">{$PRODUCTS_QUANTITY}</span> {if $PRODUCTS_QUANTITY_UNIT}{$PRODUCTS_QUANTITY_UNIT}{else}{$txt.text_pieces}{/if}</dd>
    		{/if}
                    <dl>
    Füge an gewünschter Stelle nach einem {/if}
    HTML:
    <dt style="text-align:center"><br /><img  alt="" height="45" width="45" src="images/DEIN-BILD.gif"  /></dt>
    		<dd >DEIN-TEXT.</dd>
    Die Bildgröße kannst Du anpassen, oder du lädst das Bild in der richtigen Größe hoch (bei meinem Beispiel ist das Bild im Ordner "images")

    Ich habe das hier mal unter den Lagerbestand gesetzt:
    Unbenannt.JPG


    Im Artikel kannst Du dann das Template auswählen, unter "Vorlage für Artikeldetailseite:"