Come inserire un video nella scheda del prodoto in Virtuemart attraverso un campo personalizzato.

Nel era di contenuti video e internet veloce agiungere un video ad un articolo in un negozio ecommerce diventa un anecesita che permette al eventuale cliente scoprire di piu su l articolo in vendita. Basta guardare i miglior siti ecommerce per capire che questo aiuta tanto a vendere di piu. E oggi ti mostrreo come farlo nel ambito di  Virtuemart 3. In passato si doveva usare un plugin esterno per questo. Ma, come sappiamo, ogni plug-in crea una certa carica aggiuntiva sul server.

In questo articolo vi mostrerò  come aggiungere un  video da YouTube per un prodotto in Virtuemart 3 tramite un campo personalizzato.

Come agiungere un video in Virtuemart attraverso un campo personalizzato

Come sempre, la prima cosa da fare è di trasferire varie modelli (fail ) di Virtuemart 3 nella cartella del template del vostro sito per non perdere cambiamenti nel futuro dopo aggiornamento, come farlo scopri in questo articolo.

Successivamente dovremo creare un campo personalizzo di tipo Stringa

Per fare questo, andare a Virtuemart / campi personalizzati/ cliccare su pulsante nuovo
Creare un campo personalizzato di tipo Stringa. Dare un nome e indicare una  posizione nel layout per il nostro video. Disabilitare mostra il titolo

1virtuemartvideo

Dopo di che andiamo nella cartella /templates/il tuo template /html/com_virtuemart/productdetalies/default.php e incolliamo il codice che vedi sotto in un posto dove vorresti che apparisce il tuo video. Con questa mossa creeremo una nuova posizione con il nome video 'position'=>'video'

<?php if ($this->product->customfieldsSortedPlease spacify correct URL of your Video.) { ?>    
     <div class="video">
      <iframe width="100%" height="400" src="http://www.youtube.com/embed/<?php echo strip_tags(shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$this->product,'position'=>'video')));?>" frameborder="0" allowfullscreen></iframe>
      </div>
 <?php }?>

Io di solito il codice sopra  lo metto prima del codice che introduce  prodotti correlati.

 

<?php 
echo shopFunctionsF::renderVmSubLayout('customfields',array('product'=>$this->product,'position'=>'onbot'));

Vediamo un puo cosa rapresenta il codice che vogliomo inserire

      width="100%" la largezza la puoi sempre modificare e inserire il suo valore sia in percentuale sia in pixel.

'position'=>'video' Qui specifichiamo la posizione di layout, potete inserire anche altra posizione con questa mossa  se c'e ne bisogno

 

E nella scheda del  prodotto aggiungiamo il nostro nuovo campo personalizzato e ci inseriamo il link relativo al nostro video da Youtube. Copiamo il codice del vido come ilustrato sotto

2virtuemartvideo

E Dopo di che insecrisci il codice del video come valore del nostro campo personalizzato  "video" come mostrato qui sotto

 

3virtuemartvideo

 

Da ora potrai sempre agiungere un video da Youtube a qualsiasi prodotto nel tuo negozio online fatto su Virtuemart 3.

4virtuemartvideo

 
Letto 760 volte

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso