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ì :roll:

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 :oops:

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 :oops:

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
ciao forse questo fa al caso tuo

http://www.oscommerce.com/community/contributions,2610

ciaooo