Jump to content

[ANNUNCIO] Barra di navigazione

vinoalvino

By vinoalvino
in Sviluppatori PrestaShop

 Share

Recommended Posts

vinoalvino Newbie

vinoalvino

Posted
Posted

Nella mia eterna mania di comprimere tutto ciò che visualizzo sullo schermo (chiamatemi vinoalvino.zip) stò realizzando per mio uso e consumo una barra dsi navigazione con un minimo di voci (home, login/logout, qualche link a cms ...) e ci stò ficcando dentro le bandierine della scelta lingua, la scelta della valuta e il campo di ricerca con autocomplete. Prima che finisca avete qualche idea di cos'altro infilarci?

P.S. è un semilavorato, non ha nessuna gestione in BO si modifica solo dal tpl, ma si eliminano 3 moduli!

Link to comment
Share on other sites
disarci Contributor

disarci

Posted
Posted

Allora:
1) beh il riassuntino del carrello ci sta sempre bene,
2) un link al mio account (quando uno è loggato) magari al posto di registrati quando uno e sloggato (my-account.php) sta sempre bene
3) la mappina del sito....
4) il contattaci se non lo metti nel footer

io normalmente non metto altro (se non le pagine classiche CMS come hai detto: FAQ, CONDIZIONI VENDITA)

Link to comment
Share on other sites
vinoalvino Newbie

vinoalvino

Posted
  • Author
Posted

Ci siamo quasi! Ho eliminato: search, userinfo, currency, language, link ... che dite ci metto dentro il carrello e faccio un miniprestashop su barra di navigazione? :P

Sapete che raggruppare più moduli in uno incrementa notevolmente le prestazioni? Chissà quante query in meno vengono fatte.

A breve (dopo Pasqua) credo di postarlo.

Link to comment
Share on other sites
vinoalvino Newbie

vinoalvino

Posted
  • Author
Posted

Un anteprima, ho quasi finito

1) scelta lingua
2) scelta valuta
3) menu libero
4) nome utente (se connesso); cliccando apre il profilo
5) login/logout
6) riassunto carrello (se pieno) cliccando si apre il carrello
7) ricerca con autocomplete

scusate se è poco :)

6766_HovGTXeNZZ9ShDx5UKX0_t

Link to comment
Share on other sites
  • 2 weeks later...
paolo_m Newbie

paolo_m

Posted
Posted

Molto bella davvero.

Inizialmente non capivo l'esigenza di "comprimere" le cose... ma ora che sto popolando il negozio e configurando i vari moduli mi devo ricredere.
Per una manciata di pixel potrei uccidere :-)

Quando avremo l'onore di possederla?

Link to comment
Share on other sites
paman Newbie

paman

Posted
Posted

Ciao vino

Spiegato l' arcano

Il problema non risiede nel modulo, bensi in IE ( e questo si era già capito ) ti spiego il perchè non funziona con IE.

Se dal computer X accedo al BO disinstallo il modulo originale installo il modulo blocklanguagesdp_01, quando vado nell' FO trovo che le bandierine sono scese rispetto al modulo originale di circa 3 millimetri ( ma non è una questione di margini visto che nel CSS e impostato a 0 ) questo fa si che l' immagine contenuta nella home page o quella relativa al prodotto si sovrappone alle bandierine e non mi da la possibilità di selezionarla, cosa ancor più strana anche svuotando la cache dal computer X il problema rimane.

Se invece vado sul comptuter Y accedo a PS le bandierine sono quasi al posto giusto ( più in basso di come me le mostra Mozilla ) ma in questo caso pero l' immagine non va in sovrapposizione e mi permette di selezionarla.

Pertanto la persona / il cliente che utilizza IE le visualizza correttamente e le può selezionare anche se é più in basso rispetto alla vera posizione che noi visualizziamo con Mozilla

Spero di essere stato chiaro

IE - chi lo conosce lo evita



Una cosa simile capitava anche ad havanaclub per l' anteprima delle immagini

http://www.prestashop.com/forums/viewthread/17166/problemi___bug/anteprima_immagini_ie8

IE e CSS proprio non vanno d' accordo e sembra che con la versione 8 sia ancora peggio - complimenti alla Microsoft

Ciao

Link to comment
Share on other sites
Dr. Benway Newbie

Dr. Benway

Posted
Posted
C'è nulla per dire nel css if( IE ) ?


si, c'è il modo ora non ricordo a memoria ... anzi di solito si fanno 2 diversi css, uno per mozilla e uno per IE, perché non è che IE non vada d'accordo con i file CSS ma semplicemente non c'è alla fine uno standard ... per esempio il comando per fare angoli tondi è di mozilla e non ha effetto su IE
Link to comment
Share on other sites
Germanoufo Newbie

Germanoufo

Posted
Posted

Dovrebbe essere un qualcosa del genere come codice ora non ricordo 

/**** for all browser****/
#container{
   position: relative;
   width: 780px;
   height: 99.99%; /*!!!important !!!*/
   margin: auto;
   border: 1px solid #444444;
   background-color: transparent;
   color: #0A0A0A;

}
/***for ie5.5 e 6****/
* html #container{
/*



Ciao ;-)

Link to comment
Share on other sites
havanaclub Newbie

havanaclub

Posted
Posted

beh guardando questa barra mi sono quasi innamorato ma è poi personalizzabile ? Cioè chi come me non usa altre lingue se non l'italiano e altre valute se non l'euro poi ci si può operare su ?

Sul discorso IE, essendo un rivenditore di PC non posos fare altro che dire che alla fine è inutile dire usate Firefox ai clienti oppure non aggiornate IE , tanto il Winupdate ormai fa quasi tutto da solo e ti avverte, quindi è meglio trovare soluzioni che dire di non usarlo. Alla fine io ora sto usando IE 8 e alvuni casini ci sono e non solo con prestashop

Link to comment
Share on other sites
paman Newbie

paman

Posted
Posted

Salve a tutti

Giusto per notizia se può servire, prove fatti con vari browser.

SAFARI = ok 100%
IE 5.5 = caliamo un velo pietoso - troppo difficile da spiegare -
IE 6.0 = visualizza più in basso ma funziona
IE 7.0 = visualizza più in basso con funzionamento strano a volte si altre no
IE 8.0 = visualizza più in basso ma funziona

Ciao

Link to comment
Share on other sites
vinoalvino Newbie

vinoalvino

Posted
  • Author
Posted
beh guardando questa barra mi sono quasi innamorato ma è poi personalizzabile ? Cioè chi come me non usa altre lingue se non l'italiano e altre valute se non l'euro poi ci si può operare su ?

Sul discorso IE, essendo un rivenditore di PC non posos fare altro che dire che alla fine è inutile dire usate Firefox ai clienti oppure non aggiornate IE , tanto il Winupdate ormai fa quasi tutto da solo e ti avverte, quindi è meglio trovare soluzioni che dire di non usarlo. Alla fine io ora sto usando IE 8 e alvuni casini ci sono e non solo con prestashop


La personalizzazione è totale: basta modificare il tpl :cheese:

Scherzi a parte non ho voluto aggiungere nulla in bo proprio per facilitarne la gestione. Preferisco scrivere direttamente nel tpl i miei vari link. E chi non sa scrivere un link html a studiare di corsa!

Nel tpl ci sono le varie sezioni commetate, basta cancellare/aggiungere quello che non serve.

P.S. anche questo modulo fa casino in IE ... uffa!
Link to comment
Share on other sites
vinoalvino Newbie

vinoalvino

Posted
  • Author
Posted

Ho aggiunto anche 3 nuove funzionalità:

* caffè ristretto
* fragole con panna
* mojito

Basta inserire tutti gli ingredienti in una pennetta usb e cliccando sugli appositi pulsanti vengono servite le delizie ai soli utenti che hanno acquistato più di 1.00 euro (cifra configurabile tramite BO)

:lol:

Link to comment
Share on other sites
havanaclub Newbie

havanaclub

Posted
Posted

putroppo è difficile metterP d'accordo tutti con i browser, succede così anche tra pc e mac, tra mp3 e ipod, tra ferarri e porshe, finchè c'è quacluno che fa qualcos'altro è meglio.. Così si spinge a chi fa le cose male a farle meglio !

Link to comment
Share on other sites
havanaclub Newbie

havanaclub

Posted
Posted

2 piccole domande...

1) La barra prevede delle piccole immagini al lato come altre che sono in giro per presta ?

2) vedo che il lato login e logout porta anche il nome dell'account. E se il nome è molto largo la barra come si regola ? Cioè Se si iscrive Pier Ferdinando Pinco Pallini come fa ad entrare in quel piccolo spazio ?

Link to comment
Share on other sites
vinoalvino Newbie

vinoalvino

Posted
  • Author
Posted
2 piccole domande...

1) La barra prevede delle piccole immagini al lato come altre che sono in giro per presta ?

2) vedo che il lato login e logout porta anche il nome dell'account. E se il nome è molto largo la barra come si regola ? Cioè Se si scrive Pier Ferdinando Pinco Pallini come fa ad entrare in quel piccolo spazio ?


1) no. Ma avete litigato con l'html? Insere un'immagine nel tpl è lavoro da 1.30"

2) prendo i primi 30 caratteri. Il problema vero è che le voci del menu tradotte possono essere molto più lunghe, ma su quello non posso fare nulla

3) se si risolveva quel cavolo di problema con le bandierine e IE avremmo avuto molto più spazio
Link to comment
Share on other sites
havanaclub Newbie

havanaclub

Posted
Posted
1) no. Ma avete litigato con l’html? Insere un’immagine nel tpl è lavoro da 1.30”


Per un essere umano normale come molti noi mi sa che ci si mette molto di più..


2) prendo i primi 30 caratteri. Il problema vero è che le voci del menu tradotte possono essere molto più lunghe, ma su quello non posso fare nulla


Questa era solo una curiosità, quindi no problems...

3) se si risolveva quel cavolo di problema con le bandierine e IE avremmo avuto molto più spazio


Su questo sono molto tranquillo ma non menefreghista. Il mio shop non ha lingua e valuta quindi la barra diventa molto più larga ma spero che si risolva per altri, è ovvio.

grazie per la risposta
Link to comment
Share on other sites
moviemaniac Newbie

moviemaniac

Posted
Posted
C'è nulla per dire nel css if( IE ) ?


direttamente nel css non so, però nella pagina html puoi mettere questo

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iehacks.css" />



e se il browser è IE carici un foglio di stile apposito.

Puoi anche spingere l'ottimizzazione a livelli più dettagliati, tipo:

<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="ie5-hacks.css" />



se vuoi personalizzare solo per ie 5.

Oppure ancora:

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="iehacks.css" />



se vuoi personalizzare per le versioni precedenti a IE 7.

if lt IE 7 significa:

if Less Than (meno di) IE 7

puoi utilizzare anche

<!--[if gt IE 7]>



dove gt sta per Greater Than (più di), in questo caso dunque caricheresti un css per IE 8 :D

Per qualche informazione in più, guarda qui:

http://www.positioniseverything.net/articles/ie7-dehacker.html

oppure qui

http://www.google.it/search?q=IF+lt+IE+7&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:it:official&client=firefox-a

Spero di essere stato utile a qualcuno. Ma sta barra dove è finita? io non riesco a trovarla :D

Dimenticavo:

oltre al trucco "!important" che fa si che firefox scarti quello che c'è dopo, ci sono altri trucchi per rendere taluni attributi interpretabili solo da alcune versioni di IE e non da altre.

Ad esempio mi pare che una cosa del tipo:

*background-color:#FFFFFF;


sia interpretabile solo da IE 6;

Una cosa di questo tipo:

wid\th: 750px;



fa si che IE 5 e IE 5.5 ignorino la larghezza.

C'è anche la possibilità di anteporre un underscore "_" all'attributo, e in questo caso mi pare che venga interpretato solo da IE7. Ma vado a memoria, sono cose che ho scoperto da pochissimo, e non ci metto la mano sul fuoco. Meglio se cercate info in giro :D

Ho trovato anche questo js

http://www.danielerollo.com/internet-explorer-7-js-librar/

che promette di far renderizzare a IE 6 le pagine come le renderizza IE 7.

Link to comment
Share on other sites
moviemaniac Newbie

moviemaniac

Posted
Posted
io ho provato a inserire la bandierina nel select con il seguente codice



ma mi fa vedere le varie bandierine doppie

Avevo trovato in rete un menu che faceva la funzione ma usando un JS chi ci dice poi che sia compatibile ?
link

Ciao ;-)



hai provato aggiungendo:

border-repeat:no-repeat;



per vedere se non ti ripete le bandierine?
Se guardi il css di quella pagina, trovi una cosa del genere:

.flag { background: url(images/flags/defaultFlag.png) no-repeat; }


come vedi c'è il no-repeat
Comunque il link che hai mandato con IE 8 non funziona :D si vede una select normalissima, senza nessun effetto fico come si vede in firefox.

Ciao

Link to comment
Share on other sites
Germanoufo Newbie

Germanoufo

Posted
Posted

Ho provato alcuni dettagli nella linea ma poi mi bloccava

per quanto riguarda el bandierine e se usassimo le bandierine della traduzione in BO ? che ne dite

potrebbe essere un idea o è da scartare ? la cosa che mi esce in mente è quella di fare una barra che al secondo piano utilizza lingua e valuta magari anche il blocco cerca e si risolve che ne dite ?

Ciao ;-)

Link to comment
Share on other sites
Germanoufo Newbie

Germanoufo

Posted
Posted

OTTIMOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO

Io stavo usando quella tecnica la per il mio configuratore ma poi sono fermo e non ho ancora proseguito

Ps per rendere più bellino il select so che è possibile impostare lo stile della freccia in basso

Ciao ;-)

Link to comment
Share on other sites
vinoalvino Newbie

vinoalvino

Posted
  • Author
Posted

Con un'immagine 16x11 (le bandierine) si deve scrivere:

style="background:url(/prestashop/img/l/2.jpg) no-repeat; line-height;11; padding-left:18px;"

sulle option della select

Non mi risulta che la freccetta sia configurabile ... ma ormai non mi stupisco di nulla!

Link to comment
Share on other sites
disarci Contributor

disarci

Posted
Posted
Ciao vinoalvino,
essendo in spasmodica attesa per la tua barra ho dato un'occhiata in giro e ho trovato un bel modulo di search, magari la tua funzione di search sarà migliore ma forse potresti grabbare qualche linea di codice ! ;-)

questo è il thread completo

Ciao e grazie per il lavoro sulla barra!
mM


Ciao MonDev e ben venuto (in ritardo visto che sei già ben attivo)
sì Vino ha sempre integrato in tutti i suoi moduli (vedi 6 in 1) l'autosearch che è fantastico.

ps e anch'io
Link to comment
Share on other sites
  • 4 months later...
Germanoufo Newbie

Germanoufo

Posted
Posted

Di nulla è che vinoalvino è un po assente nell' ultimo periodo e la barra che aveva iniziato è ferma dalle date che vedi nel frattempo l' uscita della 1.2 e altri particolari hanno fatto in modo che la barra non sia ancora completata ( almeno non ho notizie )

Benvenuto tra noi

Ciao ;-)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...