[v11 - v12] Visualizzare i prodotti con effetto accordion

[lemonsong]

In questo esempio abbiamo provato ad aggiungere un effetto accordion per filtrare i prodotti di una specifica categoria: http://lemonsong.altervista.org/test_cart_menu_cat/

In creazione della pagina sono stati utilizzati i seguenti oggetti:

1. Tanti oggetti "Catalogo prodotti" quante sono le categorie da filtrare, ognuno contenente tutti i prodotti appartenenti alla stessa categoria. A ciascun oggetto è stata assegnata un'ancora il cui nome deve obbligatoriamente iniziare per cart_

[ Guests cannot view attachments ]

2. Un oggetto testo che contiene i nomi delle categorie, a cui è stato attribuito un collegamento:

• al link che deve filtrare i prodotti di una specifica categoria impostare un collegamento "Pagina del sito ->  Ancora interna alla pagina" scegliendo la relativa ancora
• al link che deve visualizzare tutti i prodotti occorre impostare come collegamento "File o URL -> File su Internet": #cart_tutti

[ Guests cannot view attachments ]


Affinché l'oggetto testo abbia un'altezza sufficiente è opportuno lasciare una linea vuota prima e dopo i link.

   
In Proprietà pagina, esperto, prima della chiusura del tag HEAD, inseriamo il CSS per formattare i link:

Codice:

Only registered users can see contents. Please click here to Register or Login.
Tutti i valori si possono personalizzare.


Scaricare i seguenti file ed allegarli al progetto attraverso un oggetto codice HTML, lasciando files come percorso relativo sul server:

• jquery-ui-min-1.10.4.js
• cart_accordion.js (per la versione 11) - cart-accordion.js (per la versione 12)

Infine in proprietà pagina, esperto, prima della chiusura del tag HEAD, inserire il seguente codice:

Codice:

Only registered users can see contents. Please click here to Register or Login.
Testato con le versioni 11.0.5.24 e 12.0.5.22

Grazie stesil per l'aiuto.

[lemonsong]

Aggiornato lo script cart_accordion.js per la versione 12, che trovate nel post precedente.

[Ricius89]

Ciao Lemonsong, sto provando a ricreare l'effetto accordion sugli oggetti del catalogo, ma non riesco a farlo funzionare con l ultima versione del programma.
potresti aiutarmi per caso? grazie mille


link > https://richy-b.websitex5.me/ktest/pagina-2.html


topic aperto su helpcenter > https://helpcenter.websitex5.com/it/post/246691

[Ricius89]

help !! 

[lemonsong]

Ciao, è una vita che non smanetto più con 'sta roba, non mi ricordavo nemmeno di questo esempio (2016, un'era geologica).
Non ho molto tempo, se riesco a provare qualcosa ti farò sapere, ma non te lo garantisco.

[Ricius89]

e sì, lo so che è una vita. ma purtroppo oltre te anche altri sembrano "non esistere" più sull helpcenter incomedia e anche l unofficial, a malincuore, sembra spegnersi. e rimane l assistenza ufficiale dello Staff incomedia che, come ben sappiamo tutti, non da alcun supporto per codici extra. e quindi, essendo che reali aggiornamenti del programma o inserimento di nuovi oggetti VERI per website x5 non ne arrivano almeno da anni, io nel 2021 sono qui a chiederti un reale aiuto per effettuare una cosa del genere, come l esempio accordion (anche se preferirei in fade), su un esempio creato forse nel 2015? e che in 6 anni incomedia non ha mai implementato. triste.

[lemonsong]

Premesso che con le nuove versioni il carrello e-commerce è stato potenziato rispetto a 6 anni fa e sicuramente puoi fare di meglio da programma, rispetto a questo "sistema".

Comunque, ho provato a fare un'aggiustatina allo script.

NON dovrai allegare alcun file ed inserire questo script, dopo i CSS per la formattazione dei link:

Codice:

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

Testato sulla versione Professional Trial 2021.5.3.

Non è perfetto, ma di questi tempi non posso fare di meglio. Se va bene, ci sentiamo tra altri 6 anni   

[Ricius89]

Ciao Lemon, innanzitutto grazie mille, sul serio. Allora,
1) "..il carrello e-commerce è stato potenziato rispetto a 6 anni fa.." questo è vero, ma
2) "..puoi fare di meglio da programma, rispetto a questo "sistema"" cioè? io non ho trovato nessuna altra maniera per "ricreare" diciamo, una sorta di Product Cart Carousel / Slider da programma.
Io cercavo una cosa tipo questa > https://bridaly-store-demo.myshopify.com/ > sotto la voce Best Seller
3) Grazie, lo script sembra funzionarmi, non perfettamente, perchè "salta" al cambio, ma funziona, e come dici tu "..di questi tempi non posso fare di meglio."
4)Forse mi son sbagliato dicendoti "Fade", intendevo Carousel, ma ora, per non doverti stressare la vita, dato che penso tu abbia attinto a Jquery per ricreare tutto ciò, ci sono delle varianti che posso io cambiare per modificare appunto l'effetto fade in slide o accordion o altro in base a come preferisco senza doverti ogni volta rompere le scatole?

Grazie mille ancora davvero e NO, spero di non doverci sentire fra altri 6 anni. Sinceramente la community ha un bisogno estremo di gente capace come voi che dia una mano con qualcosa di Extra dato che lo Staff su questo non da alcun minimo supporto e di base, ripeto, il programma non offre grosse personalizzazioni.

[Ricius89]

Inoltre, come faccio a togliere il vedersi "tutti" gli articoli?
ovvero, sì, vorrei che si vedessero le 3 categorie per ogni clicck, ma solo separate, non anche la categoria TUTTI.
Spero di essermi spiegato bene.
Grazie mille ancora...

[lemonsong]

Ti rispondo solo per non farti aspettare inutilmente.

Dovrai rivolgerti ad altri o attendere che passi di qua un'anima pia che ti aiuti. Attualmente non ho né tempo né stimoli né curiosità di una volta. 

Buona fortuna!

[Ricius89]

Immaginavo. Ti ringrazio ugualmente lemon. Mi sa che ormai è un addio. Ciao ciao!

[Topografo]

Ti rispondo solo per non farti aspettare inutilmente.

Dovrai rivolgerti ad altri o attendere che passi di qua un'anima pia che ti aiuti. Attualmente non ho né tempo né stimoli né curiosità di una volta. 

Buona fortuna!

Che peccato