Dokładnie , nie chodzi mi o zamiane na checkbox. Chodzi o zmaiane listy na kwadraciki jak w linku , cos w rodzaju "grid". Nie chciałbym również wprowadzać dodatkowego modułu.
Zasadniczo chciałbym się posłużyć rozwiązaniem , które ktoś mi podsunął w zamianie liście rozwijanej sortowania. Zamiast listy rozwijanej mam ustawione obok siebie listę w bloku z nazwami i z przedziałkami "I"
Formularz form jest ukryty:
<form id="productsSortForm" action="{$request|escape:'htmlall':'UTF-8'}">
<select id="selectPrductSort" >
<option value="{$orderbydefault|escape:'htmlall':'UTF-8'}:{$orderwaydefault|escape:'htmlall':'UTF-8'}" {if $orderby eq $orderbydefault}selected="selected"{/if}>{l s='--'}</option>
{if !$PS_CATALOG_MODE}
<option name="for_price" value="{$link->addSortDetails($request, 'price', 'asc')|escape:'htmlall':'UTF-8'}" {if $orderby eq 'price' AND $orderway eq 'asc'}selected="selected"{/if}>{l s='Price: lowest first'}</option>
<option value="{$link->addSortDetails($request, 'price', 'desc')|escape:'htmlall':'UTF-8'}" {if $orderby eq 'price' AND $orderway eq 'desc'}selected="selected"{/if}>{l s='Price: highest first'}</option>
{/if}
<option name="for_name" value="{$link->addSortDetails($request, 'name', 'asc')|escape:'htmlall':'UTF-8'}" {if $orderby eq 'name' AND $orderway eq 'asc'}selected="selected"{/if}>{l s='Product Name: A to Z'}</option>
<option value="{$link->addSortDetails($request, 'name', 'desc')|escape:'htmlall':'UTF-8'}" {if $orderby eq 'name' AND $orderway eq 'desc'}selected="selected"{/if}>{l s='Product Name: Z to A'}</option>
{if !$PS_CATALOG_MODE}
<option name="for_quantity" value="{$link->addSortDetails($request, 'quantity', 'desc')|escape:'htmlall':'UTF-8'}" {if $orderby eq 'quantity' AND $orderway eq 'desc'}selected="selected"{/if}>{l s='In-stock first'}</option>
{/if}
</select>
<label for="selectPrductSort">{l s='Sort by:'}</label>
</form>
A za wyświetlanie sortowania odpowiada poniższy kod:
<ul >
<li><a href="#" onclick="document.location.href=document.forms['productsSortForm']['selectPrductSort'].options['for_name'].value">{l s='Name '}[/url]</li>
<li class="sortstopper">I</li>
<li><a href="#" onclick="document.location.href=document.forms['productsSortForm']['selectPrductSort'].options['for_price'].value">{l s='Price'}[/url]</li>
<li class="sortstopper">I</li>
<li><a href="#" onclick="document.location.href=document.forms['productsSortForm']['selectPrductSort'].options['for_quantity'].value">{l s='Availability'}[/url]</li>
</ul>
Niestety jestem dość mało obeznany w możliwościach formularzy i w znacznikach typu input, option, itd.
Jak wykonać podobny zabieg do listy rozwijanej atrybutów ?