Pagina 1 di 1
Schede prodotto con tabs
Inviato: 28/12/2009, 19:06
da troy
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
Re: Box Menù per schede prodotto
Inviato: 28/12/2009, 19:21
da dynamo
è 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
Re: Box Menù per schede prodotto
Inviato: 28/12/2009, 20:53
da troy
è 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
Inviato: 28/12/2009, 21:40
da dynamo
troy ha scritto:Ciao, grazie per aver risposto, la div e il css li aggiungo in stylesheet.css ?
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
troy ha scritto:Una cosa non capisco, come faccio a linkare le schede bisogna assegnargli un nome ?
cosa intendi per linkare le schede??? quella struttura di div è già così
un esempio
http://www.allwebfree.it/articolo-css-menu.php
troy ha scritto:E se lo facessi con Photoshop ? Per poi inserire le immagini tramite css ?
cos'è che vuoi fare con photoshop???
troy 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.
basta aumentare i div
Re: Box Menù per schede prodotto
Inviato: 29/12/2009, 0:30
da troy
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
Cosa intendi per "a meno" nel codice del file product_info.php ?
cos'è che vuoi fare con photoshop???
Pensavo ai tasti.
Grazie.
Stefano
Re: Box Menù per schede prodotto
Inviato: 29/12/2009, 11:17
da dynamo
"a meno" = a mano... errore mio di battitura
Re: Box Menù per schede prodotto
Inviato: 29/12/2009, 12:55
da troy
"a meno" = a mano... errore mio di battitura
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.
Grazie
Stefano
http://www.biessenet.com
Re: Box Menù per schede prodotto
Inviato: 29/12/2009, 19:50
da troy
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
Inviato: 29/12/2009, 22:12
da dynamo
sinceramente non ci ho capito nulla di quello che hai scritto
Re: Box Menù per schede prodotto
Inviato: 30/12/2009, 15:27
da troy
sinceramente non ci ho capito nulla di quello che hai scritto
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 questione
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
Inviato: 30/12/2009, 16:48
da dynamo
no...
perchè il file products_info.php è lo stesso per tutti i prodotti
Re: Box Menù per schede prodotto
Inviato: 07/01/2010, 18:03
da YARYZ