Lista produktów: dla produktów z atrybutami zamiast dodaj do koszyka link: „skonfiguruj produkt”

Jeśli produkty w sklepie wymagają określenia kombinacji atrybutów przed zakupem – Presta Shop zapewnia tzw. kombinację domyślną. Jest ona widoczna w adminie jako taka zaznaczona na niebiesko w edycji produktów:

Na liście kategorii obok miniatur produktów i ich nazw jest także przycisk „Dodaj do koszyka„. Po jego kliknięciu automatycznie dodaje on do koszyka produkt z tą predefiniowaną kombinacją. Zanim klient określi kolor, rozmiar, pojemność itp.

Jest to niewątpliwa niedogodność. Może być to także dla klienta mylące, bo może on oczekiwać innego rodzaju parametrów przed zakupem. W najgorszym wypadku może to odwieźć klienta od zakupów, bo zwyczajnie się pogubi..

Wyjściem z sytuacji jest odp. przekodowanie szablonu odpowiedzialnego za listę produktów w danej kategorii. Dla produktów mających takie kombinacje atrybutów będziemy osadzać tam zwykły link do produktu – gdzie on sobie je dopiero określi przed zakupem.

Otwieramy plik:

/themes/default-bootstrap/product-list.tpl

Oczywiście w Twoim przypadku użyj innego szablonu niż default-bootstrap jeśli nie bazujesz na domyślnym szablonie dla Presta Shop

Znajdujemy fragment kodu:

<div class="button-container">

Umieszczamy po nim:

{if $product.id_product_attribute == '0'}

Następnie klika linijek niżej zamieniamy kod:

	{else}
		<span class="button ajax_add_to_cart_button btn btn-default disabled">
			<span>{l s='Add to cart'}</span>
		</span>
	{/if}
{/if}
<a class="button lnk_view btn btn-default" href="{$product.link|escape:'html':'UTF-8'}" title="{l s='View'}">

Na:

	{else}
		<span class="button ajax_add_to_cart_button btn btn-default disabled">
			<span>{l s='Add to cart'}</span>
		</span>
	{/if}
{/if}


{else}
							
<a class="btn btn-default" href="{$product.link|escape:'html':'UTF-8'}" title="{l s='Skonfiguruj produkt'}">
	<span>{if (isset($product.customization_required) && $product.customization_required)}{l s='Customize'}{else}{l s='Określ parametry przed zakupem'}{/if}</span>
</a>
							
{/if}


<a class="button lnk_view btn btn-default" href="{$product.link|escape:'html':'UTF-8'}" title="{l s='View'}">

Oczywiście możemy zatytułować link „Skonfiguruj produkt” w inny sposób. Ewentualnie wstawić to w jęz. angielskim i przetłumaczyć na inne języki w adminie sklepu.

Po modyfikacji nie zapomnij przebudować cache i pamięci podręcznej sklepu w dziale „Wydajność”