Déplacement attribut dans une fiche produit.

[Daminou56]

Bonjour,

 

Je suis actuellement sous Prestashop 1.6, j'ai acquis récemment un thème compatible PS 1.6 et en travaillant dessus je me suis rendu compte d'un petit souci au niveau ergonomique.

 

J'aimerais donc déplacer les attributs sur une fiche produit ( taille, couleurs) et l'insérer entre la référence et le prix ( voir image). Je suis parti du principe que tous les clients ne savent pas forcément qu'il faut choisir la taille et la couleur et en cliquant directement sur ajouter au panier, il est automatiquement mis en noir et en taille s, aucun message d'alerte.

 

Si quelqu'un à une solution pour m'aider à avancer. Merci d'avance

 

Cordialement,

 

[Szed]

Hello

 

IL faudrait un lien vers le site pour voir comment c'est intégré.

Car normalement (a moins que ca ai changé sur la 1.6), les attributs doivent être dans le formulaire d'ajout au panier.

Et donc HTMLement parlant, je vois pas trop comment il a pu les mettre sur la gauche comme cela.

 

En tout cas, avec un lien on pourra vous aider

[Daminou56]

Ok =) , je viens d'y arriver. j'ai modifier dans la page product.tpl et j'ai déplacé cette partie la :

<!-- attributes -->
				<div id="attributes">
				{foreach from=$groups key=id_attribute_group item=group}
					{if $group.attributes|@count}
						<fieldset class="attribute_fieldset">
							<label class="attribute_label" for="group_{$id_attribute_group|intval}">{$group.name|escape:'htmlall':'UTF-8'} :</label>
							{assign var="groupName" value="group_$id_attribute_group"}
							<div class="attribute_list">
							{if ($group.group_type == 'select')}
								<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="attribute_select" onchange="findCombination();getProductAttribute();{if $colors|@count > 0}$('#wrapResetImages').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>
							{elseif ($group.group_type == 'color')}
								<ul id="color_to_pick_list" class="clearfix">
									{assign var="default_colorpicker" value=""}
									{foreach from=$group.attributes key=id_attribute item=group_attribute}
									<li{if $group.default == $id_attribute} class="selected"{/if}>
										<a id="color_{$id_attribute|intval}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}" style="background: {$colors.$id_attribute.value};" title="{$colors.$id_attribute.name}" onclick="colorPickerClick(this);getProductAttribute();{if $colors|@count > 0}$('#wrapResetImages').show('slow');{/if}">
											{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
												<img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$colors.$id_attribute.name}" width="20" height="20" /><br>
											{/if}
										</a>
									</li>
									{if ($group.default == $id_attribute)}
										{$default_colorpicker = $id_attribute}
									{/if}
									{/foreach}
								</ul>
								<input type="hidden" class="color_pick_hidden" name="{$groupName}" value="{$default_colorpicker}" />
							{elseif ($group.group_type == 'radio')}
								{foreach from=$group.attributes key=id_attribute item=group_attribute}
									<input type="radio" class="attribute_radio" name="{$groupName}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} onclick="findCombination();getProductAttribute();{if $colors|@count > 0}$('#wrapResetImages').show('slow');{/if}">
									{$group_attribute|escape:'htmlall':'UTF-8'}<br/>
								{/foreach}
							{/if}
							</div>
						</fieldset>
					{/if}
				{/foreach}
				</div>

Quelques réglages dans le CSS et c'est ok. Désolé pour le dérangement, je vous laisse voir à quoi cela ressemble et si il y à éventuellement des soucis :

http://www.la-nutrition-du-sportif.fr/le-petit-textile/1-manchette-bras-espritrail-avec-drapeau-breton.html

[Szed]

Excépté des problèmes d'intégration CSS, ça semble tout bon, c’est bien revenu la ou vous le souhaitiez

[Daminou56]

Yes, j'ai eu peur que ca fasse tout déconné. Apparement mon bloc attributs est intégré avec celui du prix, j'ai effectué des test d'ajout panier RAS.

 

Idem j'ai modifié le CSS, des soucis de marge. Cela à l'air d'être ok.

 

Merci pour ton aide ^^.

 

Je reste à disposition si quelqu'un souhaite effectuer une modification similaire.

 

Cordialement,