Jump to content

Problema Modifica Immagine Attributi


devid996

Recommended Posts

Salve a tutti, vado subito al succo del problema.

Sto provando a modificare un template di un tema che ho scaricato gratuitamente su internet. Per quanto riguarda le varie configurazioni grafiche nessun problema.
Il problema più grosso sta nel modificare la grandezza delle immagini degli attributi del prodotto.

In poche parole ho cancellato i campi di default di prestashop (size, color e size shoes) e ho creato i campi: Pelli, Filo e Dimensioni per la personalizzazione di un divano. Dove in Pelli ho caricato le immagini delle varie pelli, in Filo le immagini con i colori dei fili e in Dimensioni le dimensioni dei vari divani (2 posti, 3 posti e cosi via).

Ho modificato la grandezza in product.css ma le immagini restano comunque con la grandezza default. Mi sono accorto così che la dimensione delle immagini non viene gestita dal css ma direttamente dal file product.tpl. Ho provato così a modificare le dimensioni anche nel file product.tpl ma senza nessun risultato positivo, ovvero non mi cambia nessuna dimensione.

 

Grazie. Aspetto risposte.

 

post-1137662-0-84924200-1449680722_thumb.png

Link to comment
Share on other sites

Questi sono i file originali:

 

product.css

product.tpl.css Questo è il file tpl ma che ho dovuto rinominare perchè non lo faceva caricare..

 

La mia modifica si è limitata ad rintracciare la riga 429 nel file css e cambiare la dimensione da 20px a 80px.

Poi rintracciare la riga 360 del file tpl e cambiare anche lì la dimensione da 20px a 80px.

 

Il template è questo ed è scaricabile gratuitamente:

http://apollotheme.com/demo-themes/?product=ap-culinary-theme

 

Grazie

Edited by devid996 (see edit history)
Link to comment
Share on other sites

questa dovrebbe essere la modifica nel .css
 

#attributes .attribute_list #color_to_pick_list li a.color_pick {
  display: block;
  height: 80px;
  width: 80px;
  cursor: pointer;
}

e questa quella nel file .tpl

<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="80px" height="80px" />


prova a mettere queste modifiche e dimmi
Edited by giuliopowa (see edit history)
Link to comment
Share on other sites

 

questa dovrebbe essere la modifica nel .css

 

#attributes .attribute_list #color_to_pick_list li a.color_pick {
  display: block;
  height: 80px;
  width: 80px;
  cursor: pointer;
}

 

e questa quella nel file .tpl

 

<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="80px" height="80px" />

 

 

prova a mettere queste modifiche e dimmi

 

 

Purtroppo anche mettendo "px" nel .tpl non funziona.

Comunque ho risolto. Ho notato che nel tema di default la modifica funzionava senza problemi, quindi ho messo a confronto i due file dei due temi diversi per trovarne le differenze e ho notato che nel tema di default c'era una regola css in più che appunto gestiva le immaginette. Quindi non ho fatto altro che fare copia/incolla dal file di default al tema che ho installato e tutto funziona alla grande.

Grazie lo stesso. Grazie mille.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...