When using colour picker, the drop down to be removed!!!

[robkwal]

Hi all,

I would like to know if it is possible when using the colour picker, to remove/disable the drop down option for colour. It seems unnecessary/messy if the colour picker is in use. Would like to know your thoughts on how this can be achieved, and weather you could create a similar selector for size. Eventually removing the drop down menus completely, allowing for a better shopping experience allowing the web site to be more interactive?

[rocky]

To hide the colour dropdown when the colour picker is activated, change the attributes section on line 236-253 (in PrestaShop v1.3.1) of product.tpl in your theme's directory from:

 

{if isset($groups)}
<!-- attributes -->
<div id="attributes">
{foreach from=$groups key=id_attribute_group item=group}
<p>
   <label for="group_{$id_attribute_group|intval}">{$group.name|escape:'htmlall':'UTF-8'} :</label>
   {assign var='groupName' value='group_'|cat:$id_attribute_group}
   <select name="{$groupName}" id="group_{$id_attribute_group|intval}"> 0}$('#resetImages').show('slow');{/if}">
    {foreach from=$group.attributes key=id_attribute item=group_attribute}
	    <option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
    {/foreach}
   </select>
</p>
{/foreach}
</div>
{/if}

 

to:

 

{if isset($groups)}
<!-- attributes -->
<div id="attributes">
{foreach from=$groups key=id_attribute_group item=group}
   <p{if $id_attribute_group == $product->id_color_default} class="hidden"{/if}>
   <label for="group_{$id_attribute_group|intval}">{$group.name|escape:'htmlall':'UTF-8'} :</label>
   {assign var='groupName' value='group_'|cat:$id_attribute_group}
   <select name="{$groupName}" id="group_{$id_attribute_group|intval}"> 0}$('#resetImages').show('slow');{/if}">
    {foreach from=$group.attributes key=id_attribute item=group_attribute}
	    <option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
    {/foreach}
   </select>
</p>
{/foreach}
</div>
{/if}

[robkwal]

Thanks Rocky,

Helpful as ever... Any ideas on how to get the available colours to appear within the product list, to notify the customers there is more that one colour available?

[Mr Viny]

Helpful as ever... Any ideas on how to get the available colours to appear within the product list, to notify the customers there is more that one colour available?

Did you find the way to do it? there is the same question on the French forum

thanks in advance !

Edit: have a look at the link above, they explain how to do.

[imps]

can anybody repeat rocky's code? it became weird because of forum format.

[imps]

bump! anyone?

[Svanhoof]

Anyone? Because the code doesn't work and we really need the solution :-)

[Bill Dalton]

lools like just one line of code changed.

 

<!-- attributes -->

 

 

Should be

 

<!--attributes -->

 

You could just remove that line, it is just a comment.