VirtueMart è una piattaforma di e-commerce open source che può essere integrato con il sistema di quadro CMS Joomla. Le immagini sono importanti per la creazione di qualsiasi negozio di e-commerce. Perché i negozi di e-commerce si affidano a clienti di acquistare a scatola chiusa, devono includere immagini di alta qualità per rassicurare i clienti di qualità. la layout correttamente proporzionato in una pagina si basa anche sulla larghezza di immagini su un sito. Modifica della larghezza di un'immagine completa comporta la modifica di alcune impostazioni in miniatura, così come modificare lo script PHP e Cascading Style Sheets.

istruzione

1 Passare a VirtueMart, scorrere fino a "Configurazione", scorrere fino alla "Sito", quindi fare clic su "Miniatura larghezza / altezza."

2 Modificare il valore della larghezza all'immagine dimensioni larghezza desiderata in pixel. In questo modo tutte le immagini caricate saranno aderire a questa larghezza.

3 Selezionare la casella di opzione "Enable Miniatura automatica", se non è già selezionata. Salvare le impostazioni e tornare al cruscotto.

4 Vai allo script PHP per il vostro Flypage. Questo di solito può essere trovato collegando "/components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php" alla fine del dominio del sito web nella casella Dominio nella parte superiore del browser.

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

6 Sostituire lo script con:

"<a 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 echo $ product_full_image> & newxsize = 500 & newysize = 500 & FileOut = ">

<Img class = confine "vmdetailsimg" = "0" alt = "Hand Crafted ciotola" e inserire il vostro larghezza e l'altezza preferita in cui 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 fogli di stile file aggiungendo "componenti / com_virtuemart / themes / default / theme.css" alla fine del dominio del sito web alla barra di ricerca del dominio nel browser per visualizzare il file CSS.

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

".vmdetailsimg, .vmdetailsimg Img {

max-width: xxxpx;

} "

Modificare il "xxx" per la dimensione dei pixel si desidera che la larghezza delle immagini da. Salva restituendo al cruscotto. Rivedere la nuova larghezza dell'immagine navigazione verso la parte anteriore del vostro VirtueMart Pagina dei dettagli.