(risolto) vetrina prodotti

[olio elianto]

Ciao a tutti,

è stato chiesto più volte sul forum, ma al momento io non ho trovato soluzione....

eppure so che ci sono molte persone in gamba quì (ho avuto modo di appurarlo in altre richieste) e sono sicura che qualcuno di loro sarà capace di fare la modifica che richiedo.

 

Sto realizzando un sito in cui si vendono opere d'arte,  ovviamente i dettagli sono essenziali, e per questo vorrei ingrandire le immagini in homepage, visualizzando non più 4 prodotti per riga ma solo 2 (o addirittura 1) .

Come si può fare???? 

 

 

 

Utilizzo il tema di default presta 1.6 modificato a 3 colonne per esplicita richiesta! il sito è visibile su www.buy-art.it/presta

 

Grazie a chi vorrà aiutarmi

 

 

Edited June 30, 2016 by olio elianto (see edit history)

[giuliopowa]

ciao ,

secondo me basta che fai questa modifica al file global.css

da così:
 

@media

 

.col-md-3 {

1. width: 25%;

}

a così 

@media

 

.col-md-3 {

1. width: 50%;

}


prima di modificare controlla se ce n'è più di uno perchè ho guardato veloce 


( in pratica devi solo aumentare il width da 25 a 50 , non devi aggiungere quel " 1. " )

ps. se ne vuoi visualizzare 1 solo prodotto , devi mettere 100%

Edited June 23, 2016 by giuliopowa (see edit history)

[Sito Lab]

da un mio punto di vista è un errore quello che stai facendo, cioè usare il thema di prestashop per un sito di arte ed in più usarlo a 3 colonne (non proprio bello da vedere sinceramente), ma siccome il parere personale e quello che si pensa non conta nulla per fare le modifiche che desideri devi fare in questo modo

 

1 andare in /themes/default-bootstrap ed aprire il file product-list.tpl

 

2 al suo interno trovi questo

 

{assign var='nbItemsPerLine' value=3}

 

e questo

 

{assign var='nbItemsPerLine' value=4}

 

cambia i valori (a tuo piacimento) esempio

 

{assign var='nbItemsPerLine' value=4} in {assign var='nbItemsPerLine' value=2}

 

in basso trovi questa

 

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-4{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)} last-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0} last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0} last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)} last-mobile-line{/if}">

 

modificare la parte rossa esempio da col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-4 a col-xs-12 col-sm-5{else} col-xs-12 col-sm-6 col-md-5

 

 

 

il tutto va in base alle tue esigenze

[olio elianto]

Ho seguito le istruzioni di giuliopowa , più semplici....

e ho ottenuto il risultato desiderato GRAZIE.

Ringrazio anche Sito Lab, ho provato a seguire le tue istruzioni ma non sono riuscita, sicuramente per mia ignoranza dato che non sono programmatrice, ti ringrazio comunque!