Jump to content
Alithrarion

Modificare pagina Prodotto e in particolare il file product-variants.tpl

Recommended Posts

Salve a tutti,

mi piacerebbe effettuare una modifica alla pagina del prodotto in modo da renderla più "compatta" evitando che per ogni variante si generi una riga differente o almeno evitare che ciò avvenga per alcune varianti (quelle meno ingombranti). Ci troviamo in un contesto in cui lo store utilizza le varianti prodotto (tshirt con taglie, colori ecc).

Mi spiego meglio con un'immagine ma la riflessione generale è: vorrei impaginare su una riga (di due colonne) ciò che ora viene impaginato in due righe distinte.

Ho analizzato il file product-variants.tpl e scoperto che viene impostato un "foreach" che genera un DIV per ogni variante di prodotto. Questo foreach viene differenziato a seconda del tipo di variante (select, color o radio) in modo da proporre per ogni variante quella corretta. Quest'ultima distinzione l'ho pensata come uno spiraglio positivo per quello che vorrei fare.

Stiamo lavorando sul tema base di PS e in particolare sul file /themes/classic/templates/catalog/_partials/product-variants.tpl

Screenshot_product-variants.thumb.png.d0e5860a2c0a3dd12d50b8cf7c46f1c9.png

Noterete evidenziato in blu la variante select e in giallo la variante color.

 

Vorrei ottenere un risultato di questo tipo, in cui le varianti "taglia" e "colore" vengono allineate sulla stessa riga piuttosto che essere posizionate una sotto l'altra.

product_variants_modificato.thumb.png.c15e894c4682d2cbc93e143a6f13a2cc.png

 

 

Qualcuno ha qualche idea da suggerire in proposito?

Secondo voi è fattibile o può avere ricadute nefaste per la navigazione?

 

Share this post


Link to post
Share on other sites

Ciao, crea un tema "figlio" di quello che stai utilizzando e modifica il file product-variant. Lo testi e controlli se tutto funziona. In questo modo anche aggiornando il tema "padre" le tue modifiche non verranno sovrascritte. 

M.

 

Share this post


Link to post
Share on other sites

Non credo sia cosi.

Va considerata anche la modalità responsive.

Prestashop nei suoi linguaggi di base,sotto linguaggi e framework usa anche bootstrap v4.

E con quello che devi lavorare se vuoi allinea re il tutto considerando anche che su notebook tablet smarphone e dispositivi mobili vari le cose canbiano.

 

Share this post


Link to post
Share on other sites

Buona sera,
scusate l'intromissione. 
 

Quote

Ho analizzato il file product-variants.tpl e scoperto che viene impostato un "foreach" che genera un DIV per ogni variante di prodotto. 


C'è un modo per appunto richiamare queste varianti in maniera distinta? Devo inserirle all'interno di tabs o accordion (tab 1 colore, tab 2 scelta radio, ecc), ma non riesco a chiamarle in maniera singola. 
 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More