Schede prodotto con tabs
Moderatore: mod Generali
Schede prodotto con tabs
Ciao a tutti, vorrei avere qualche input su come creare una scheda prodotto simile a questa http://www.schermiweb.it/schermo-pantog ... p-119.html che mi sono permesso di citare, in particolare mi interessa sapere come creare il box con le schede "Presentazione" e "Richiedi Info" e inserirlo nelle schede prodotto di Osc.
Ringrazio in anticipo.
Stefano
Ringrazio in anticipo.
Stefano
Re: Box Menù per schede prodotto
è una semplice div e poi con un po' di css si fa quello
cmq nel box presentazione c'è la descrizione e in richiedi info ha messo un modulo di contatto che puoi usare anche quello di osc
cmq nel box presentazione c'è la descrizione e in richiedi info ha messo un modulo di contatto che puoi usare anche quello di osc
Re: Box Menù per schede prodotto
è una semplice div e poi con un po' di css si fa quello
cmq nel box presentazione c'è la descrizione e in richiedi info ha messo un modulo di contatto che puoi usare anche quello di osc
Ciao, grazie per aver risposto, la div e il css li aggiungo in stylesheet.css ?
Una cosa non capisco, come faccio a linkare le schede bisogna assegnargli un nome ?
E se lo facessi con Photoshop ? Per poi inserire le immagini tramite css ?
Grazie.
Stefano
Ps: precisamente il mio box dovrebbe contenere una scheda descrizione, una scheda tecnica, una scheda per le foto del prodotto ed una eventualmente per le recensioni.
Re: Box Menù per schede prodotto
il div lo devi mettere a meno nel codice del file product_info.php e poi le classi del css associate ai div le metti in stylesheet.csstroy ha scritto:Ciao, grazie per aver risposto, la div e il css li aggiungo in stylesheet.css ?
cosa intendi per linkare le schede??? quella struttura di div è già cosìtroy ha scritto:Una cosa non capisco, come faccio a linkare le schede bisogna assegnargli un nome ?
un esempio http://www.allwebfree.it/articolo-css-menu.php
cos'è che vuoi fare con photoshop???troy ha scritto:E se lo facessi con Photoshop ? Per poi inserire le immagini tramite css ?
basta aumentare i divtroy ha scritto:Ps: precisamente il mio box dovrebbe contenere una scheda descrizione, una scheda tecnica, una scheda per le foto del prodotto ed una eventualmente per le recensioni.
Re: Box Menù per schede prodotto
Cosa intendi per "a meno" nel codice del file product_info.php ?il div lo devi mettere a meno nel codice del file product_info.php e poi le classi del css associate ai div le metti in stylesheet.css
Pensavo ai tasti.cos'è che vuoi fare con photoshop???
Grazie.
Stefano
Re: Box Menù per schede prodotto
"a meno" = a mano... errore mio di battitura
Re: Box Menù per schede prodotto
Non ti preoccupare anch'io non ci avevo proprio pensato, intanto ti ringrazio, le tue info mi saranno molto utili, ora proverò a crearne uno per il mio sito, ti faccio i complimenti per il tuo invece molto bello."a meno" = a mano... errore mio di battitura
Grazie
Stefano
http://www.biessenet.com
Re: Box Menù per schede prodotto
il div lo devi mettere a meno nel codice del file product_info.php e poi le classi del css associate ai div le metti in stylesheet.css
Ho provato a fare un tentativo ho inserito il box menù nel mio sito, riscontro alcuni problemi principalmente la posizione il box in qst modo resta fuori dal sito in basso a sx nella pagina
inoltre ho dei dubbi su come gestire in questo modo l'inserimento dei prodotti che ora faccio tramite il pannello admin di Osc, esiste il modo di gestire il box dal pannello admin ?
Di seguito incollo il codice utilizzato per la prova....
CSS
.menuno{font-size:11px; height:240px; width:505px; margin:10px; padding:10px; background:#FFFFFF;}
.mendue{padding:6px 4px 4px 4px; display:inline; background: url(images/menu2b.png) no-repeat top left;}
.mentre{padding:6px 4px 4px 4px; display:inline; background: url(images/menu1b.png) top center;}
.menqua{padding:6px 4px 4px 4px; display:inline; background: url(images/menu3b.png) no-repeat top right; margin-right:2px;}
.mendueb{border-bottom:2px solid #febabc; position:relative; z-index:20; padding:6px 4px 4px 4px; display:inline; background: url(images/menu2c.png) no-repeat top left;}
.mentreb{border-bottom:2px solid #febabc; position:relative; z-index:20; padding:6px 4px 4px 4px; display:inline; background: url(images/menu1c.png) top center;}
.menquab{border-bottom:2px solid #febabc; position:relative; z-index:20; padding:6px 4px 4px 4px; display:inline; background: url(images/menu3c.png) no-repeat top right; margin-right:2px;}
.mencon{position:relative; z-index:10; overflow:auto; overflow:auto; margin-top:4px; padding:4px; background:#febabc; height:150px; border:2px solid #bb0309;}
.mensep{padding:6px 0px 2px 0px; display:inline; width:10px;}
.menlink{color:#febabc; font-style:italic; font-weight:bold; font-family: arial,sans-serif; }
.menlinkb{color:#bb0309; font-style:italic; font-weight:bold; font-family: arial,sans-serif; }
products_info.php
<?
$pianta=$_GET['menu'];
?>
<div class="menuno">
<div class="mensep">
</div>
<div class="<? if($menu=="Descrizione"){echo"mendueb";}else{echo"mendue";}?>">
</div>
<div class="<? if($menu=="Descrizione"){echo"mentreb";}else{echo"mentre";}?>">
<a class="<? if($menu=="Descrizione"){echo"menlinkb";}else{echo"menlink";}?>"
href="products_info.php?menu=descrizione">Descrizione</a>
</div>
<div class="<? if($menu=="Descrizione"){echo"menquab";}else{echo"menqua";}?>">
</div>
<div class="<? if($menu=="Scheda Tecnica"){echo"mendueb";}else{echo"mendue";}?>">
</div>
<div class="<? if($menu=="Scheda Tecnica"){echo"mentreb";}else{echo"mentre";}?>">
<a class="<? if($menu=="Scheda Tecnica"){echo"menlinkb";}else{echo"menlink";}?>" "
href="products_info.php?menu=schedatecnica">Scheda Tecnica</a>
</div>
<div class="<? if($menu=="Scheda Tecnica"){echo"menquab";}else{echo"menqua";}?>">
</div>
<div class="<? if($menu=="Gallery"){echo"mendueb";}else{echo"mendue";}?>">
</div>
<div class="<? if($menu=="Gallery"){echo"mentreb";}else{echo"mentre";}?>">
<a class="<? if($menu=="Gallery"){echo"menlinkb";}else{echo"menlink";}?>" "
href="products_info.php?menu=gallery">Gallery</a>
</div>
<div class="<? if($menu=="Gallery"){echo"menquab";}else{echo"menqua";}?>">
</div>
<div class="mencon">
<?
Grazie
Stefano
Re: Box Menù per schede prodotto
sinceramente non ci ho capito nulla di quello che hai scritto
Re: Box Menù per schede prodotto
Principalmente uno dei problemi è che aggiungendo il codice in product_info.php dovrò ricreare tutte le schede prodotto, mentre io vorrei poter aggiungere il box in questionesinceramente non ci ho capito nulla di quello che hai scritto
solo in alcune schede e soprattutto nei prossimi inserimenti che farò, lasciando intatte le altre pagine esistenti, è possibile risolvere qst problema ?
Grazie
Stefano
Re: Box Menù per schede prodotto
no...
perchè il file products_info.php è lo stesso per tutti i prodotti
perchè il file products_info.php è lo stesso per tutti i prodotti