VirtueMart è una piattaforma di e-commerce open source che può essere integrata con il sistema del framework di Joomla CMS. Le immagini sono importanti per la creazione di qualsiasi negozio di e-commerce. Perché e-commerce negozi si affidano i clienti ad acquistare vista invisibili, essi devono includere immagini di alta qualità per rassicurare i clienti di qualità. Ben proporzionato layout su una pagina si affida anche la larghezza delle immagini su un sito. Modificare la larghezza di un'immagine completa coinvolge modificando alcune impostazioni di anteprima così come modifica di script PHP e fogli di stile CSS.

Istruzioni

1

Navigare a VirtueMart, scorrere verso il basso "Configurazione", scorrere fino a "Sito", quindi fare clic su "Anteprima immagine larghezza/altezza."

2

Modificare il valore della larghezza alla dimensione di larghezza dell'immagine desiderata in pixel. In questo modo eventuali immagini caricate aderirà a questa larghezza.

3

La casella "Abilita ridimensionamento anteprima dinamica" radio se non è già selezionata. Salvare le impostazioni e tornare alla dashboard.

4

Andare allo script PHP per il tuo Flypage. Questo di solito può essere trovato tramite il collegamento "/ components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php" alla fine del tuo dominio del sito Web nella casella dominio nella parte superiore del vostro browser.

5

Scorrere verso il basso fino a trovare lo script "<? php echo $product_image? >< br / >< br / ><? php echo $this -> vmlistAdditionalImages ($product_id, $images)? >."

6

Sostituire questo script con:

"< un rel =" lightbox [<? php $product_id? >] "title =" <? php echo $product_name? > "href =" http://yoursite.com/components/com_virtuemart/show_image_in_imgtag.php?filename= & lt;? php eco $product_full_image? > & newxsize = 500 & newysize = 500 & fileout = ">

< img class = "vmdetailsimg" border = "0" alt = "Hand Crafted ciotola" e inserire il vostro preferito larghezza e altezza dove si dice "newxsize = 500" e "newysize = 500" sostituendo il numero 500 con la quantità di pixel che si desidera utilizzare per la larghezza e l'altezza.

7

Vai al tuo file di fogli di stile aggiungendo "components/com_virtuemart/themes/default/theme.css" alla fine del tuo dominio del sito Web alla barra di ricerca di dominio nel browser per visualizzare il file CSS.

8

Scorrere verso il basso fino a visualizzare "Theme". Alla fine di questa sezione di codice, aggiungere:

".vmdetailsimg, .vmdetailsimg img {

max-width: xxxpx;

}"

Modificare le dimensioni di pixel che si desidera che la larghezza delle immagini per essere "xxx". Salvare con il ritorno alla tua dashboard. Esaminare la nuova larghezza dell'immagine completa di navigazione verso l'estremità anteriore della tua VirtueMart Flypage.