Hi, ich suche nach einer Möglichkeit die Artikelbox im Listing um einen Button zu ergänzen. Hier ein Screenshot zur Verdeutlichung: Wäre über einen Ansatz wirklich dankbar! Beste Grüße
Dazu müsstest du das Template listing/product-box/box-basic.tpl bearbeiten und dir einen entsprechenden Button reinknallen. Der Button würde dann bspw. sein : [{s name="ListingButtonText"}{/s}]({$sArticle.linkDetails|rewrite:$sArticle.articleName} "{$sArticle.articleName|escape}") Wenn du das genau so machen willst wie auf dem Screenshot, dann müsstest du noch dem div.product–price-info 50% Breite geben. Der Code wäre dann in etwa so: [code]{extends file=‚parent:frontend/listing/product-box/box-basic.tpl‘} {block name=‚frontend_listing_box_article_price_info‘ append}
{s name=„ListingButtonText“}{/s}
{/block}[/code] Dann müsstest du dir noch eine entsprechende Less Datei anlegen und wie gesagt dem div div.product–price-info 50% Breite geben und ein float:left. Und der neuen Box ( .product–gobutton ) mit den Button ebenfalls.
Der Ansatz war gut. Habs jetzt ein bisschen anders gelöst. Habe die Änderung in der Datei “product-actions.tpl” durchgeführt. Die sieht so aus: [code]{namespace name=“frontend/listing/box_article”}
{* Compare button *} {block name=‘frontend_listing_box_article_actions_compare’} [{s name=‘ListingBoxLinkCompare’}{/s}]({url controller=‘compare’ action=‘add_article’ articleID=$sArticle.articleID} “{s name=‘ListingBoxLinkCompare’}{/s}”) {/block} {* Note button *} {block name=‘frontend_listing_box_article_actions_save’} [{s name=“DetailLinkNotepadShort” namespace=“frontend/detail/actions”}{/s}]({url controller=‘note’ action=‘add’ ordernumber=$sArticle.ordernumber} “{”) {/block} {* @deprecated: block no longer in use *} {block name=‘frontend_listing_box_article_actions_more’}{/block} {* @deprecated: misleading name *} {block name=“frontend_listing_box_article_actions_inline”}{/block}
[/code] Da in Zeile 29… dieser Block war in SW4 für “zum Produkt” zuständig, denke ich. Habe einfach den Schnippsel aus SW4 wieder eingefügt {block name='frontend\_listing\_box\_article\_actions\_more'}[{s name='ListingBoxLinkDetails'}{/s}]({$sArticle.linkDetails|rewrite:$sArticle.articleName} "{$sArticle.articleName}"){/block} Funktioniert auch und das ganze sieht dann so aus: Jetzt meine Frage: Wie kann ich das jetzt “stylen”? Bei SW 4 hätte ich das ja einfach in der css von meinem Template machen können… wie bekomme ich das aber hier gelöst?
Dazu musst du dir noch die entsprechende Less Datei erstellen. Hier ist einmal ein Ansatz den du dafür verwenden kannst. Alternativ ist es auch hier noch einmal beschrieben. Sollte es ein Button sind ist die class “btn”. Dann gibts halt noch weitere Klassen für die Buttons wie is–large usw. Diese stehen in der buttons.less.
Hallo,
ist es richtig, dass es von Haus aus in Shopware nicht möglich ist, einen Link/Button im Listing zu den Produkten einzublenden?
Muss das wirklich selbst gemacht werden?
Danke und Grüße
Hallo,
bei mir funktioniert das nicht. Habe versucht den Block zu überschreiben:
{extends file="frontend/listing/product-box/product-actions.tpl"}
{block name='frontend_listing_box_article_actions_more'}
{s name='ListingBoxLinkDetails'}{/s}
{/block}
Das Template lädt dann nicht mehr. Kann hier wer helfen?
Versuchs mal damit:
{extends file=‚parent:frontend/listing/product-box/product-actions.tpl‘} ( parent: fehlt )
möchtest du den " zum Produkt" Button vor dem " vergleichen" Button haben musst du
das {block name=‚frontend_listing_box_article_actions_more‘} mit dem austauschen {block name=‚frontend_listing_box_article_actions_compare‘ prepend}
willst du statt Text ein icon haben dann musst du das {s name=‚ListingBoxLinkDetails‘}{/s} gegen das hier austauschen
VG
Also ich hab´s so gelöst:
Hab auch die product-actions.tpl genommen und folgenden code eingefügt :
{* Zum Produkt - Button *}
{block name='frontend_listing_box_article_actions_more'}
{s name='ListingBoxLinkDetails'}{/s}
{/block}
insgesammt sollte die datei dann so aussehen:
{namespace name="frontend/listing/box_article"}
{* Product actions *}
{block name='frontend_listing_box_article_actions_content'}
{* Zum Produkt - Button *}
{block name='frontend_listing_box_article_actions_more'}
{s name='ListingBoxLinkDetails'}{/s}
{/block}
{* Compare button *}
{block name='frontend_listing_box_article_actions_compare'}
{if {config name="compareShow"}}
{s name='ListingBoxLinkCompare'}{/s}
{/if}
{/block}
{* Note button *}
{block name='frontend_listing_box_article_actions_save'}
{s name="DetailLinkNotepadShort" namespace="frontend/detail/actions"}{/s}
{/block}
{* @deprecated: block no longer in use *}
{block name='frontend_listing_box_article_actions_more'}{/block}
{* @deprecated: misleading name *}
{block name="frontend_listing_box_article_actions_inline"}{/block}
{/block}
Und so sieht´s dann aus:
Für alle Leute mit ausschließlich Variantenartikeln im Shop läßt sich das Vorhaben ab SW 5.3 auch dadurch realisieren, dass man im Bereich Einstellungen > Grundeinstellungen > Storefront > Kategorien / Listen beim Punkt „Kaufenbutton im Listing anzeigen“ auf Ja optiert. Auf desem Weg erhält man einen Button mit dem Text Details der dann zum Produkt führt.
VG, Atilla
Hier habe ich auch noch einmal eine Version mit Warenkorb & Detailbutton - wer den Warenkorb nicht braucht kann den zugehörigen Code weglassen:
{extends file="parent:frontend/listing/product-box/product-actions.tpl" }
{* Product actions *}
{block name='frontend_listing_box_article_actions_content'}
{if $sArticle.sConfigurator}
{* Zum Produkt - Button *}
{s name='ButtonToDetails'}Zu den Artikeldetails{/s}
{else}
{s name='ButtonToBasket'}In den Warenkorb{/s}
{/if}
{$smarty.block.parent}
{/block}
In dieser Version habe ich eine entsprechende Datei in meienm Childtheme angelegt und die restlichen Inhalte aus dem ParentTheme vererben lassen. Das ist definitiv die sauberere Methode, da man grundsätzlich weder am Bare noch Responsive Theme direkt rumschrauben sollte. Hmm ich kriege wiede rmal den Code hier nicht korrekt ausgegen. Hab es als SMARTY, HTML und mySQL Code versucht es wird immer zerschossen… Was wählt ihr hier immer aus, damit der Code sauber ausgegeben wird?? Hier in dem Shopware Design anpassen Beitrag unter Punkt 4.4 könnt ihr es noch einmal nachsehen.
Viel Erfolg, euer Atilla
1 „Gefällt mir“
Ich musste den Zum Produkt Button aus dem
raus nehmen, sonst hat es nicht funktioniert:
{* Zum Produkt - Button *}
{s name='ButtonToDetails'}Zu den Artikeldetails{/s}
1 „Gefällt mir“