Déplacer les déclinaisons

[freds83]

Bonjour 

Je suis sur prestashop 1.7, je souhaite déplacer les déclinaisons au dessus du champ personnalisation

J'ai donc déplacé le bloc ci dessous plus haut dans le code mais ca ne prend pas en compte le choix de déclinaisons et c'est décalé voir les captures

     {block name='product_variants'}
                    {include file='catalog/_partials/product-variants.tpl'}
                  {/block}

Vous avez une idée du problème?

Merci de m'avoir lu et merci pour votre future aide

Url du site 

sublime-cadeaux.fr

Bonne soirée

[Prestashop Addict]

Vous devriez faire l'inverse déplacer le bloc de personnalisation en dessous, sinon changer vos règles css

Edited October 23 by Prestashop Addict (see edit history)

[freds83]

Prestashop Addict avec votre méthode ca me dirige vers le panier après avoir cliqué sur enregistrer la personnalisation et ca ne la prends pas en compte mais c'est bien pensé

[Prestashop Addict]

Alors il faut modifier vos règles css 😉 

[freds83]

déplacer un bloc ca va je peux gérer mais les regles css ...

si je mets le bloc personnalisation en dessous tout en laissant celui d'origine a son emplacement dans le code ca fonctionne, a partir du moment ou je décale le bloc sous les déclinaisons et que je retire l'ancien bloc personnalisation ca bug 

[Divine]

C'est normal puisqu'en le déplaçant en-dessous, vous le mettez dans le formulaire d'ajout au panier. Donc lorsque vous cliquez sur un bouton submit dans cette zone, c'est le formulaire parent, donc le formulaire d'ajout au panier, qui est soumis.

Il faut faire en sorte de déplacer la personnalisation sans qu'elle ne soit dans le formulaire (la balise <form>...</form>) d'ajout au panier.

Edited October 23 by Divine (see edit history)

[freds83]

je l'avais déplacer au dessus de 

{if $product.is_customizable && count($product.customizations.fields)}
              {block name='product_customization'}
                {include file="catalog/_partials/product-customization.tpl" customizations=$product.customizations}
              {/block}

donc en dehors des balises form mais ca n'a pas fonctionné

[Divine]

Vous avez déplacé le bloc de personnalisation au-dessus... du bloc de personnalisation ?

[freds83]

Oui

[freds83]

J'ai fait les deux dessus et dessous

[Divine]

Vous voulez dire que vous avez déplacé les déclinaisons au-dessus ou en-dessous du bloc de personnalisation, non ?
Parce que déplacer un bloc en-dessous de lui-même ça me paraît un peu compliqué 😅

[freds83]

Comme précisé plus haut j'ai essayé les deux, déplacer le bloc déclinaisons au dessus du bloc personnalisation, et ensuite j'ai essayé en dessous

[Divine]

C'est parce que les déclinaisons doivent quant à elles, rester dans le formulaire d'ajout au panier pour fonctionner correctement.
Pour faire ce que vous cherchez à faire, je pense que le mieux serait effectivement de modifier les CSS en utilisant flexbox par exemple.

[freds83]

on peut le déplacer via le css?

[Divine]

On peut faire semblant de le déplacer avec flexbox

Ou en tout cas essayer, c'est une technique qui ne fonctionne pas toujours. Cela dépend de la structure HTML. Mais quoi qu'il en soit, je vous avoue que cela nécessite de bien connaître les langages HTML et CSS.

[freds83]

la je veux le déplacer car j'avais installé un module pour supprimer le bouton enregistré la personnalisation et ajouté directement au panier, mais le soucis c'est que si j'ai un produit avec une déclinaison, je renseigne le prénom puis quand je clique sur le choix de la déclinaison on dirai que la page s'actualise et efface le prénom

[Divine]

Ah alors dans ce cas pourquoi ne pas vous rapprocher du développeur du module pour voir avec lui ce problème ?
J'imagine que ce module est censé fonctionner même pour un produit avec déclinaisons normalement.

[Prestashop Addict]

comme vous l'a indiqué  @Divine  il y a deux formulaires et vous ne pouvez pas imbriquer des formulaires en html. La seule solution est donc de mettre le formulaire d'ajout au panier complet au dessus 

[freds83]

On 10/24/2024 at 3:42 PM, Prestashop Addict said:

comme vous l'a indiqué  @Divine  il y a deux formulaires et vous ne pouvez pas imbriquer des formulaires en html. La seule solution est donc de mettre le formulaire d'ajout au panier complet au dessus 

Bonjour j'ai essayé mais je trouve cela perturbant pour le client

Edited October 26 by freds83 (see edit history)

[Prestashop Addict]

Alors vous pouvez essayer en js si vous avez les compétentes et du coup supprimer le deuxième form