Hi zusammen, Hi @barbara, vielen Dank erst mal für Deine schöne Lösung. Optimaler und Richtiger wäre es evtl. noch, wenn bei Artikeln ohne Attribute/Eigenschaften der Button "In den Warenkorb" (mit Mengen Eingabe und Weiterleitung zum Warenkorb) und darunter z.B. "Zum Produkt" (mit Weiterleitung zum Produkt) erscheint. Bei Artikeln, die Attribute/Eigenschaften haben nur "Zum Produkt" (mit Weiterleitung zum Produkt.) Das erreicht man mit folgender Änderung: die durch Barabara beschriebenene templates/Honeygrid/snippts/product_listing/product.html kopieren und als templates/Honeygrid/snippts/product_listing/product-USERMOD.html abspeichern ca. Zeile 176 Code: <div class="col-xs-12 col-lg-9"> {if $p_unit && ($qty_value != 1 || (($show_qty == '1' && $p_attributes) || ($show_qty == '1' && $has_attributes == '0')))} {/if} <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="{$button.add_to_cart}"> {$button.add_to_cart} </button> </div> Ersetzen durch Code: <div class="col-xs-12 col-lg-9"> {if $qty_value != 1 || (($show_qty == '1' && $p_attributes) || ($show_qty == '1' && $has_attributes == '0'))} <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="{$button.add_to_cart}"> {$button.add_to_cart} </button> <a href="{$p_url}"> <div class="btn btn-default btn-block" type="submit" name="btn-to-product" title="Zur Produktbeschreibung"> Zum Artikel </div></a> {else} <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="Zum Produkt"> Zum Produkt </button> {/if} </div> Das habe ich schnell zum sofortigen Testen (und natürlich auch für den Life Shop) geschrieben. Funktioniert auch so, Ihr solltet/müsst aber, damit es auch ganz richtig aufgebaut ist (Mehrsprachigkeit...), noch die oben durch Barbara beschriebene Sprachdatei erzeugen und in dem neuen Code Abschnitt an 3 Stellen Zum Produkt durch {$button.to_product} ersetzen. Eine css ist in dieser Version nicht notwendig, da das Format aus der "button class" kommt ED
Hi, hier noch 2 Darstellungs Alternativen. Hier verzichte ich zudem auf das Erstellen einer neuen Sprachdatei und nutze für die Eigenschaften die vorhanden Phrase "zum Artikel" 1. Alternaitve: Bei Artikel OHNE Eigenschaften wird "in den Warenkorb" (mit Mengen Eingabe und Weiterleitung zum Warenkorb) angezeigt Bei Artikel MIT Eigenschaften/Attribute wird "zum Artikel" (mit Weiterleitung zum Produkt) angezeigt Der neue Code gem. meinem vorherigen Beitrag ist: Code: <div class="col-xs-12 col-lg-9"> {if $qty_value != 1 || (($show_qty == '1' && $p_attributes) || ($show_qty == '1' && $has_attributes == '0'))} <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="{$button.add_to_cart}"> {$button.add_to_cart} </button> {else} <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="{$button.to_the_product} "> {$button.to_the_product} </button> {/if} </div> 2. Alternaitve: Bei Artikel OHNE Eigenschaften wird "in den Warenkorb" (mit Mengen Eingabe und Weiterleitung zum Warenkorb) angezeigt und darunter "zum Artikel" (mit Weiterleitung zum Produkt) erscheint. Bei Artikel MIT Eigenschaften/Attribute wird "zum Artikel" (mit Weiterleitung zum Produkt) angezeigt Der neue Code gem. meinem vorherigen Beitrag ist: Code: <div class="col-xs-12 col-lg-9"> {if $qty_value != 1 || (($show_qty == '1' && $p_attributes) || ($show_qty == '1' && $has_attributes == '0'))} <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="{$button.add_to_cart}"> {$button.add_to_cart} </button> <a href="{$p_url}"> <div class="btn btn-default btn-block" type="submit" name="btn-to-product" title="{$button.to_the_product}"> {$button.to_the_product} </div></a> {else} <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="{$button.to_the_product} "> {$button.to_the_product} </button> {/if} </div> So, nun ist für jeden etwas dabei ED
Hallo Ed, erst mal Danke für diese Grundlage (hatte ich gesucht, da ich das früher bei EyeCandy auch eingebaut habe) nun aber bei Version 3.0.0.0 mit Honeygrid gibt es bei deiner Variante 2 eigenartiger Weise Fehler in der Produkt-Navigation-Links, nun habe ich deine Variante 2 so geändert: HTML: <div class="col-xs-12 col-lg-9"> {if $qty_value != 1 || (($show_qty == '1' && $p_attributes) || ($show_qty == '1' && $has_attributes == '0'))} <!-- {if $p_unit} <span class="quantity-unit">{$p_unit}:</span> {/if} --> <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="{$button.add_to_cart}"> {$button.add_to_cart} </button> <a href="{$p_url}"> <div class="btn btn-default btn-block" type="submit" name="btn-to-product" title="Zur Produktbeschreibung"> Zum Artikel </div></a> {else} <button class="btn btn-primary btn-buy btn-block{if $p_deactivate_btn === 'true'} btn-inactive{/if} pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="Zum Produkt"> Zum Artikel </button> {/if} </div> dann hats perfekt funktioniert
@postel Hi Gerd, vielen Dank für die Weiterentwicklung. Ich habe das eben auch in den Codes oben geändert. Ich hatte im Testshop, als ich das geschrieben habe, eine einspaltige Ansicht - dort gab's natürlich keinen Fehler. Vielleicht könntest Du auch nochmal die Versionen kurz antesten. Viele Grüße ED
@Ed Hallo Ed, mit deinem geänderten Code wieder Fehleranzeige in der Kategoriebox links (erscheint oben ein unvollständiger Link) und führt nicht zum Artikel. (siehe Anhang) der <a> Link bei dir ist nicht geschlossen: HTML: <a href="{$p_url}" </a> <div class="btn btn-primary btn-buy btn-block" type="submit" name="btn-to-product" > {$button.to_the_product} </button> </div> so funktioniert es bei mir im Testshop richtig: HTML: <a href="{$p_url}"> <div class="btn btn-default btn-block" type="submit" name="btn-to-product" title="Zur Produktbeschreibung"> Zum Artikel </div></a> 1.Frage: wozu dient der </button> in dem Link? 2.Frage: die Mengeneingabe-Box hängt da so dazwischen (nur in der Desktop-Ansicht) (Bild: Ansicht-nach-Einbau.jpg) habe das erst mal per css gelöst, aber nicht so toll(Bild: Ansicht-mit-css-anpassung.jpg)
@postel Hi Gerd, Danke, jetzt habe ich verstanden, was du meinst, habs nochmal angepasst, für alle Interessierten. Mit Deinem default Button, ist's Echt übersichtlich, Super, Danke. ED
Hi zusammen, falls schon jemand eingebaut hat, bitte die aktuelle Version verwenden. Dank @postel ist's nun optimal ED