Back to top

Autore Topic: [RISOLTO]Date Piker prodotto Virtuemart  (Letto 2403 volte)

Offline elisa89

  • Nuovo arrivato
  • *
  • Post: 46
  • Sesso: Femmina
    • Mostra profilo
[RISOLTO]Date Piker prodotto Virtuemart
« il: 26 Nov 2014, 13:00:48 »
Buongiorno a tutti!
è il primo post che scrivo qui in forum perchè non ho mai avuto la necessità di chiedervi informazioni. Fortunatamente ho sempre trovato ciò che mi serviva, leggendo bene tra i vari post.  ;)
Faccio siti con joomla già da 3 anni, sono un'autodidatta, ed ho partecipato agli ultimi tre JoomlaDay.


Ora vi pongo il problema (enorme per me).
Devo creare un portale che venda servizi a domicilio, ed ho la necessità di far selezionare all'acquirente una data e un'ora.
Ho già utilizzato un paio di volte Virtuemart come componente di commercio online: per ciò che devo creare, sarebbe perfetto. L'unico muro che sto trovando è come implementare questo calendario per la data e l'ora, direttamente all'interno della scheda prodotto.


Sapete come aiutarmi?
Vi ringrazio infinitamente.
« Ultima modifica: 02 Dic 2014, 16:46:15 da elisa89 »

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Date Piker prodotto Virtuemart
« Risposta #1 il: 02 Dic 2014, 09:46:53 »
ed ho partecipato agli ultimi tre JoomlaDay.
masochista  ;D ;D

ciao elisa89, benvenuta sul forum.
la prima risposta che mi viene in mente è quella di cercare tra le estensioni di vm se vi è un datepicker come plugin per i prodotti. hai verificato?

la seconda risposta è più tecnica: io userei un campo text per user input (presente nei plugin prodotti in vm2) e poi userei jquery per associargli un calendario. trovi una marea di datepicker per jquery, oltre al fatto che è già presente in jquery ui e che quindi, probabilmente, lo hai già nel sito.

ciao,
marco


mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline elisa89

  • Nuovo arrivato
  • *
  • Post: 46
  • Sesso: Femmina
    • Mostra profilo
Re:Date Piker prodotto Virtuemart
« Risposta #2 il: 02 Dic 2014, 09:55:00 »
Grazie mmleoni per la risposta!  ::)


Naaa, non sono masochista. Ho solo voglia di imparare a fare meglio  ;)


Ho trovato un'estensione per il datepicker, ovviamente a pagamento.
Io cercavo un'alternativa valida free (anche se devo sbatterci un po' più la testa, la preferisco. Non per i soldi, quelli li metterebbe comunque il Cliente; più che altro per vedere se riesco a fare da sola).


La tua seconda risposta è quella che mi interessa.
Sapresti darmi maggiori indicazioni?
Il campo text per l'imput, lo utilizzo già... Quindi so di cosa parli. I miei problemi sorgono su jquery.

Avresti tempo (e voglia) di spiegarmi come fare? Come faccio ad associare il calendario jquery al campo di imput?
Grazie infinitamente  :)




Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Date Piker prodotto Virtuemart
« Risposta #3 il: 02 Dic 2014, 10:42:37 »
... Ho solo voglia di imparare a fare meglio  ;)
... anche se devo sbatterci un po' più la testa, la preferisco.
... più che altro per vedere se riesco a fare da sola.

ma che bello trovare qualcuno che ha voglia di capire quello che sta facendo e non sia solo alla ricerca di qualcuno che gli scriva il codice gratis!!




la cosa è abbastanza semplice, non c'è da sbatterci tanto la testa.

per prima cosa devi avere jQuery caricato ed abilitato, questa è una condizione standard in VM2

poi devi caricare jquery ui ed il relativo css, ma verifica che non sia già caricato nel template (alcuni lo usano)
Codice: [Seleziona]
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
questo codice potrai inserirlo sia nel template generale, sia in un override della view productdetails di VM
il link potrebbe dover essere aggiornato alla versione di jquery in uso (di norma no)

ed alla fine inserisci il codice per trasformare lo user input in un datepicker
Codice: [Seleziona]
<script>
jQuery(function($){
    $( ".vmcustom-textinput" ).datepicker();
});
</script>
come sopra per quanto riguarda il posizionamento, magari dovrai mettere a punto il selettore per evitare che ogni user input di vm diventi un calendario e sistemare il css.

a questo punto se uno clicca sulla input box appare il date picker.


ovviamente devi crearti il campo per l'input utente ma hai detto che sai già come fare.

ciao e buon lavoro!
marco


mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline elisa89

  • Nuovo arrivato
  • *
  • Post: 46
  • Sesso: Femmina
    • Mostra profilo
Re:Date Piker prodotto Virtuemart
« Risposta #4 il: 02 Dic 2014, 10:52:53 »
Solo una parola: GRAZIE!!!  ;D


Il mio enorme problema è infatti proprio il codice: sto iniziando pian piano a studicchiare qualcosina, ma son molto lenta (fortunatamente sono anche decisamente testarda ;D ). Credo che prima o poi debba imparare almeno le basi per fare piccole modifiche... diciamo che un passo per volta, provo a far tutto.


Inizio subito a vedere come fare, seguendo quanto mi hai scritto  ;)


(ovviamente, se dovessi trovare un intoppo... ti terrò in considerazione)
Grazie ancora 8)


Offline elisa89

  • Nuovo arrivato
  • *
  • Post: 46
  • Sesso: Femmina
    • Mostra profilo
Re:Date Piker prodotto Virtuemart
« Risposta #5 il: 02 Dic 2014, 16:45:12 »
Ci sono riuscita!  ;D



Grazie, grazie e ancora grazie!   8)


Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17623
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO]Date Piker prodotto Virtuemart
« Risposta #6 il: 02 Dic 2014, 16:57:14 »
Mi piace.
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline elisa89

  • Nuovo arrivato
  • *
  • Post: 46
  • Sesso: Femmina
    • Mostra profilo
Re:[RISOLTO]Date Piker prodotto Virtuemart
« Risposta #7 il: 02 Dic 2014, 17:01:53 »

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17623
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO]Date Piker prodotto Virtuemart
« Risposta #8 il: 02 Dic 2014, 17:13:21 »
L'atteggiamento  ;)
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline elisa89

  • Nuovo arrivato
  • *
  • Post: 46
  • Sesso: Femmina
    • Mostra profilo
Re:[RISOLTO]Date Piker prodotto Virtuemart
« Risposta #9 il: 02 Dic 2014, 17:20:44 »

Grazie a voi ho imparato a fare cose che non avrei mai neanche immaginato.
L'apprezzamento è reciproco.
 :P

 



Web Design Bolzano Kreatif