Progetto e-commerce

[Topografo]

Premessa:
 Lavoro in campo e-commerce (in realtà ne faccio tanti di lavori  )
Ogni tanto gestisco un sito, in origine era in Joomla, poi il mio capo è passato in Prestashop e ora sta tornando a Joomla. Durante queste migrazioni il mio lavoro di ricerca e inserimento nuovi prodotti (nella fattispecie telecomandi) si riduce a 0. Faccio giusto qualche articolo per il blog, rispondo a qualche cliente, ma non possiamo toccare i database dei prodotti

Da qualche tempo sto mandando avanti un progetto parallelo per il lavoro che faccio: un catalogo con Website WSX5 dei prodotti che ci mancano.
Guardo in rete, trovo le foto, mi studio le caratteristiche, chiedo alle case madri... ho circa 8000 foto di prodotti (che diventano circa 300 nuovi prodotti alla fine, molte foto sono dello stesso prodotto).
Il progetto è temporaneamente su http://veronacitysera.altervista.org/caravelli2/index.html, un paio di giorni fa nel guardarlo il mio capo mi ha detto "Trasformalo in un sito di e-commerce, con un nome diverso e avremo un sito concorrente che vende gli stessi prodotti"
In teoria l'idea non è sbagliata, il mio sito ha immagini migliori, telecomandi diversi e potrebbe portare più vendite. A questo punto so che tutti diranno "Usa Joomla" e forse sarebbe giusto. Ma alla fine i prodotti che venderei sono una decina: solo compatibili con telecomandi che non si trovano più.
 Mi spiego meglio, esistono centinaia di telecomandi non in produzione per i più svariati motivi: cambio delle frequenze utilizzabili, fallimento delle case produttrici, cambio di modelli prodotti etc. ma alla fine si può ovviare alla mancanza di questi telecomandi con un copiatore.
 E quindi io dovrei vendere i copiatori ma con un elenco di telecomandi, ognuno con la sua scheda. Non ho bisogno di un intero e-commerce ma un catalogo ben fatto che porta a pochi prodotti.
 
(fine premessa)

Sto modificando il sito http://veronacitysera.altervista.org/caravelli2/index.html, ho considerato di inserire tutti i prodotti nell'e-commerce di WSX5 ma visto che sono importanti le schede dei prodotti e un rimando non credo sia necessario. Un restyling delle schede si. Ma seguirà.

Quello che mi serve è un motore di ricerca per filtri, in passato mi ero già scontrato col problema (https://www.unofficialwsx5.com/index.php?topic=2296.0) ma ora sto pensando ad un approccio diverso.

In pratica posso creare un motore per marche

Codice:

Only registered users can see contents. Please click here to Register or Login.Un motore per tasti e uno per colori (in questo momento non funzionano sul sito) e avere un imsearch.php?search=xxxx (quello che WSX5 mette come codice per la ricerca)

Quello che mi serve è combinare i vari imsearch.php?search=xxx yyy zzz

Oppure

creare un codice univoco e mio per i prodotti "marca numerotasti colori frequenza" e fargli cercare solo quei codici (es. VTref_ACM02rossi o VTref_ACMrossi) dove però non so come fare a fargli trovare tutti i telecomandi ACM con i colori dei tasti rossi. Dubito che questo sistema funzioni.

In passato mi ero imbattuto in degli script per caricare un immagine al giorno.
https://web.archive.org/web/20180116023231/http://www.web-link.it:80/scripting/H10_datario_grafico.php
che praticamente gestiva l'immagine da generare con un javascript

Codice:

Only registered users can see contents. Please click here to Register or Login.
e un

Codice:

Only registered users can see contents. Please click here to Register or Login.
Lo script caricava le immagini e le univa
E' possibile implementare qualcosa del genere per costruire la ricerca con i parametri del motore di WSX5 ( imsearch.php?search= )

Sono stato abbastanza confusionario? Idee?

Ho visto anche questa pagina, ma non credo sia applicabile al caso ... https://forum.mrwebmaster.it/threads/php-mysql-ricerca-avanzata-tramite-form.49332/

[lemonsong]

[...] in passato mi ero già scontrato col problema (https://www.unofficialwsx5.com/index.php?topic=2296.0) ma ora sto pensando ad un approccio diverso.

Cambi approccio, ma sempre su WS rimani.
Il motore di ricerca non è certo più evoluto dell'e-commerce.

Anche se tu riuscissi ad "unire" il risultato delle scelte nel parametro (che sarebbe imsearch.php?search=xxx+yyy+zzz), non riusciresti ad ottenere un risultato univoco. Basta provare a scrivere due o tre parole nel form di ricerca per "scoprirlo".

Esempio: http://veronacitysera.altervista.org/caravelli2/imsearch.php?search=Genius+tm2+433dph

Per ottenere un risultato univoco, col motore di ricerca di WS, dovresti scrivere "sigle" (parole) univoche per ogni telecomando e questo non so se sia possibile (tu lo sai).

[Topografo]

[...] in passato mi ero già scontrato col problema (https://www.unofficialwsx5.com/index.php?topic=2296.0) ma ora sto pensando ad un approccio diverso.

Cambi approccio, ma sempre su WS rimani.
Il motore di ricerca non è certo più evoluto dell'e-commerce.

Anche se tu riuscissi ad "unire" il risultato delle scelte nel parametro (che sarebbe imsearch.php?search=xxx+yyy+zzz), non riusciresti ad ottenere un risultato univoco. Basta provare a scrivere due o tre parole nel form di ricerca per "scoprirlo".

Esempio: http://veronacitysera.altervista.org/caravelli2/imsearch.php?search=Genius+tm2+433dph

Per ottenere un risultato univoco, col motore di ricerca di WS, dovresti scrivere "sigle" (parole) univoche per ogni telecomando e questo non so se sia possibile (tu lo sai).

Ma io non devo avere risposte univoche. Per quello c'è il motore di ricerca normale conoscendo la sigla esatta.
Con i telecomandi non la si conosce quasi mai, o la si conosce sbagliata.
Cosa si fa allora? Si mette la marca del telecomando (se la si ricorda), il colore e il numero dei tasti e si caricano tutte le immagini dei telecomandi con caratteristiche simili
Poi le si guarda confrontandole col telecomando in proprio possesso e si trova il proprio (visivamente).


Alle volte alcuni clienti non avevano più il telecomando e ci hanno mandato un disegno. E noi abbiamo riconosciuto il telecomando. (apparentemente robe assurde ... ma successe!)
Tornando al problema con Javascript si possono concatenare i risultati


es. var link ='http://veronacitysera.altervista.org/caravelli2/imsearch.php?search=';

link += valore_ricerca1;
link += valore_ricerca1;

link +=  '+';

link += valore_ricerca2;

link +=  '+';

link += valore_ricerca3;



dove i tre valori di ricerca sono quelli trovati con i menu a tendina o altro...
Certo, a questo punto avuta una serie di link bisogna tradurli in grafica, ma comincio ad avere delle idee su come farlo.
Dalla ricerca come si vede si hanno vari risultati, alcuni con le schede, altri no. Ma se mettessi un codice in ogni scheda che dica al motore che quel risultato va considerato per la ricerca e gli altri no? In pratica basta non fare apparire in sitemap tutto quel che non mi interessa.
Il che però porta il problema di Google e l'indicizzazione....

[lemonsong]

Ma io non devo avere risposte univoche.

E allora a che ti serve 'sta menata della ricerca avanzata se poi l'utente, per i motivi che hai scritto, lo deve individuare attraverso un'immagine tra tante? 
Invece di inserire l'immagine attraverso l'Oggetto Catalogo Prodotti "componi" il prodotto con l'Oggetto Immagine (aggiungendola alla SiteMap con un nome adeguato utile per la ricerca) e l'Oggetto Catalogo Prodotti. In questo modo l'immagine verrà cercata, visualizzata e linkata  dal motore di ricerca di WS.

Sempre che la 13 Professional (ho solo la demo, non la conosco bene) non abbia delle opzioni in più a riguardo.

 

[Topografo]

Ma io non devo avere risposte univoche.

E allora a che ti serve 'sta menata della ricerca avanzata se poi l'utente, per i motivi che hai scritto, lo deve individuare attraverso un'immagine tra tante? 

Ok, mi sarò espresso male.
I prodotti possono essere 1000, ma solo una manciata hanno come caratteristiche "Faac"+"1 tasto"+"neri"
Possono essere 100 se non sai la marca e inserisci gli altri due parametri.
Possono essere 50 se sai solo la marca
Se conosci solo il colore dei tasti sono 300
Se non metti parametri hai come risultato tutti e 1000 i prodotti

[/size]
Invece di inserire l'immagine attraverso l'Oggetto Catalogo Prodotti "componi" il prodotto con l'Oggetto Immagine (aggiungendola alla SiteMap con un nome adeguato utile per la ricerca) e l'Oggetto Catalogo Prodotti. In questo modo l'immagine verrà cercata, visualizzata e linkata  dal motore di ricerca di WS.

Sempre che la 13 Professional (ho solo la demo, non la conosco bene) non abbia delle opzioni in più a riguardo.

Non ti seguo, che significa? Cosa proponi?
Fare una scheda e poi?

[lemonsong]

Non ti seguo, che significa? Cosa proponi?
Fare una scheda e poi?

Che ti devo dire?
Mi sembra tutto chiaro se conosci il programma. Rileggi tutto con calma e prova.
Magari non ti è sufficiente, ma se vuoi andare oltre, ti devi rassegnare e scegliere un CMS oppure scrivere in PHP, MySQL e un po' di JavaScript/jQuery.


Non è consigliato per molti prodotti e varianti come nel tuo caso, ma mi sono ricordato che tempo fa, insieme a stesil, abbiamo fatto QUESTO esempio con jQuery (select dinamica con link).
L'ho adattato per la ricerca di WS ed è venuto fuori questo esempio: http://quellidelcucuzzolo.altervista.org/appunti/ws-select-dinamica-search/
Vedi se ti può servire come spunto, ma se vuoi fare qualcosa di serio ci vuole altro, come già detto millemila volte.

[Topografo]

Non ti seguo, che significa? Cosa proponi?
Fare una scheda e poi?

Che ti devo dire?
Mi sembra tutto chiaro se conosci il programma. Rileggi tutto con calma e prova.

Mi sono perso per strada...
 Tu dici

E allora a che ti serve 'sta menata della ricerca avanzata se poi l'utente, per i motivi che hai scritto, lo deve individuare attraverso un'immagine tra tante?   
Invece di inserire l'immagine attraverso l'Oggetto Catalogo Prodotti "componi" il prodotto con l'Oggetto Immagine (aggiungendola alla SiteMap con un nome adeguato utile per la ricerca) e l'Oggetto Catalogo Prodotti. In questo modo l'immagine verrà cercata, visualizzata e linkata  dal motore di ricerca di WS.

E questo non mi è chiaro... e si che è Italiano.
Cosa stai dicendo? Io l'immagine la prendo dalla directory files. Dall'immagine vado alla scheda prodotto. Ma proprio non capisco cosa tu mi stia dicendo di fare.

Magari non ti è sufficiente, ma se vuoi andare oltre, ti devi rassegnare e scegliere un CMS oppure scrivere in PHP, MySQL e un po' di JavaScript/jQuery.


Non è consigliato per molti prodotti e varianti come nel tuo caso, ma mi sono ricordato che tempo fa, insieme a stesil, abbiamo fatto QUESTO esempio con jQuery (select dinamica con link).
L'ho adattato per la ricerca di WS ed è venuto fuori questo esempio: http://quellidelcucuzzolo.altervista.org/appunti/ws-select-dinamica-search/
Vedi se ti può servire come spunto, ma se vuoi fare qualcosa di serio ci vuole altro, come già detto millemila volte.

Hummm, quest'esempio è carino, è in effetti un motore di ricerca a strati. Anche se condizionato dall'aver scelto il primo elemento.
Non ho ben capito come disegna i quadrati e i triangoli però.

[lemonsong]

OK, direi che in questo topic ho già scritto abbastanza.

Invece di inserire l'immagine attraverso l'Oggetto Catalogo Prodotti "componi" il prodotto con l'Oggetto Immagine (aggiungendola alla SiteMap con un nome adeguato utile per la ricerca) e l'Oggetto Catalogo Prodotti. In questo modo l'immagine verrà cercata, visualizzata e linkata  dal motore di ricerca di WS.

http://help.websitex5.com/it/v13/pro/campo_ricerca.htm -> Su cosa si basa il Motore di Ricerca:

Immagini / Video

Il Motore di ricerca prende in considerazione solo le Immagini e i Video che sono stati aggiunti nella SiteMap attraverso l'apposita opzione (vedere, Oggetto Immagine | SiteMap o Oggetto Video/Suono | SiteMap) e analizza tutte le informazioni introdotte per questo scopo: Titolo, Descrizione breve e Posizione geografica (es Indirizzo, Città, ecc.) per le Immagini; Titolo, Descrizione breve, Categoria, Parole Chiave per la ricerca e Data di pubblicazione per i Video.

Probabilmente non sarà sufficiente per quello che vuoi ottenere tu, ma questa è un'altra faccenda.

In bocca al lupo e in c..o alla balena!

[Topografo]

Sono in dirittura d'arrivo e ho un motore a filtri (o a strati) per Website.


Come tutti sanno il "cerca" di WSX5 prende tutto quello che si scrive, quindi non si può fare una selezione. Ma si può creare un DB per i dati in cui cercare.
Io ho usato un semplice CSV di testo con il pipe | come separatore. La virgola infatti è un elemento comune in alcune descrizioni
Il file è lo stesso (ampliato) usato per l'immagine random con link, infatti l'idea di farmi un DB che servisse un po' a tutto (come un CSV) mi è venuta lì.

Codice:

Only registered users can see contents. Please click here to Register or Login.
I dati sono Marca, nome modello, link con path relativo, immagine, numero di tasti, colore dei tasti, frequenza e codifica. Ora il DB e il motore sono settati su una mia esigenza, ma tutto è modificabile.

Il motore vero è proprio è un PHP, mentre in un HTML ci sono i selettori e i Javascript che interrogano il motore. Essendo un progetto NON fatto da me, ma in collaborazione con mzanella di Altervista le spiegazioni del codice le trovate qui


Prima della chiusura dell'Head

Codice:

Only registered users can see contents. Please click here to Register or Login.
Il codice html va messo in due righe diverse della pagina creata con WSX5, se mettete i selettori e il Javascript insieme scrolleranno insieme. Effetto poco simpatico nel caso di molti prodotti


Prima riga: i selettori

Codice:

Only registered users can see contents. Please click here to Register or Login.

Ho provato ad usare altri selettori come range e non sono soddisfatto, ma tutto è personalizzabile (anche il table che ho messo)


Parte Javascript (stessa pagina creata con WSX5)

Codice:

Only registered users can see contents. Please click here to Register or Login.

[Topografo]

Bisogna poi creare il motre in PHP che richiamavamo prima

Codice:

Only registered users can see contents. Please click here to Register or Login.

I dati in CSV invece li ho messi in un file chiamato telecomandi2.txt nella directory files (in esperto, aggiungere questo e il prossimo file al widget html)


Ed ecco il php (non createlo con WSX5, va bene il block notes)

Codice:

Only registered users can see contents. Please click here to Register or Login.
Fine.
Funziona, ho ancora qualche problema di formattazione ma funziona.   
Trovate l'esempio su http://veronacitysera.altervista.org/caravelli2/--prove-motore.php

[Topografo]

Noto con piacere che nessuno ha notato che ci sono un paio di errori che fanno si che non funzioni il codice html, per un refuso mancano dei segni più nelle righe tipo

Codice:

Only registered users can see contents. Please click here to Register or Login.
Il problema sembra dovuto a questo blog nel riportare il codice preso da un altro blog... infatti scrivendo il codice tra i "code" o "quote" si levano i "+" nel passare il codice...

cerco di riportarlo giusto.

[Topografo]

No, non passa il codice giusto... strano... 

[lemonsong]

Se vuoi scrivere dei "più" su questo forum, devi usare la rispettiva entità HTML:

[ Guests cannot view attachments ]


In passato era stato già segnalato il problema.

[Topografo]

Che bello....

<h2>Risultati ricerca:</h2>
<div id="risultati-ricerca"><>


<script>
function mostra_risultati(risultati) {
    var container = $('#risultati-ricerca');


    container.empty();


    if (risultati.length == 0) {
        container.append($('<p>Nessun risultato trovato</p>'));
    }
    else {
        container.append($('<p>Hai trovato ' + risultati.length + ' telecomandi.</p>'));
    }


    for (var i = 0; i < risultati.length; ++i) {
        var risultato = risultati;
        var name = risultato.marca + ' ' + risultato.modello;
        var image = $('<img>').attr('src', risultato.immagine).attr('width', 200).attr('alt', name).attr('title', name);
        var link = $('<a>').attr('href', risultato.link);
        var text = $('<strong>').html(risultato.marca + ' ' + risultato.modello);
        var result_container = $('<div>').addClass('risultato-ricerca borgia');


        image.appendTo(link);
        text.appendTo(link);
        link.appendTo(result_container);
        result_container.appendTo(container);
    }
}


$('.ricerca-prodotti-input').change(function () {
    var form = $('#ricerca-prodotti');


    $.get('motore-ricerca.php', form.serialize(), function (risultati) {
        mostra_risultati(risultati);
    });
});</script>