Radio button text clickable ?

[klor]

Hello I have a product with a lot of declination and in the end you can choose between Glossy and Matte i have setup this with radio button, all work good but on mobile it's hard to click on the button radio so i need your help .

 

Does it possible to make the text Glossy or Matte clickable too ?

 

Thanks you very much

 

 

 

Edited August 25, 2016 by klor (see edit history)

[Rolige]

Just need put it inside a label, in the code of the default theme in PS 1.6.1.6, in the file:

/themes/default-bootstrap/product.tpl 

You can find this code:

{elseif ($group.group_type == 'radio')}
	<ul>
		{foreach from=$group.attributes key=id_attribute item=group_attribute}
			<li>
				<input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
				<span>{$group_attribute|escape:'html':'UTF-8'}</span>
			</li>
		{/foreach}
	</ul>
{/if}

Just replace it for this below:

{elseif ($group.group_type == 'radio')}
	<ul>
		{foreach from=$group.attributes key=id_attribute item=group_attribute}
			<li>
				<label>
					<input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
					<span>{$group_attribute|escape:'html':'UTF-8'}</span>
				</label>
			</li>
		{/foreach}
	</ul>
{/if}

[klor]

What files it is please ? thanks you very much

[klor]

 

Just need put it inside a label, in the code of the default theme in PS 1.6.1.6, you can find this code:

{elseif ($group.group_type == 'radio')}
	<ul>
		{foreach from=$group.attributes key=id_attribute item=group_attribute}
			<li>
				<input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
				<span>{$group_attribute|escape:'html':'UTF-8'}</span>
			</li>
		{/foreach}
	</ul>
{/if}

Just replace it for this below:

{elseif ($group.group_type == 'radio')}
	<ul>
		{foreach from=$group.attributes key=id_attribute item=group_attribute}
			<li>
				<label>
					<input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
					<span>{$group_attribute|escape:'html':'UTF-8'}</span>
				</label>
			</li>
		{/foreach}
	</ul>
{/if}

What files it is please ? thanks you very much

[klor]

i have a customized theme does it in the product.tpl files ? because i have testing it and that's did nothing :/

[klor]

so Rolige your solution work when i disable my module filter attribute but when i reactive this one the text was not clickable i search in the module files but i don't find anything .

[klor]

you can put this topic as solved thanks for your help i have find the good line in the module

Edited August 26, 2016 by klor (see edit history)

[Rolige]

Sorry, yes the file to change it is in the product.tpl, I have added this in the original reply.