Autore Topic: [v11 - v12] Visualizzare i prodotti con effetto accordion  (Letto 1343 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1743
    • lemonsong's links
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:
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.
« Ultima modifica: 18 Aprile, 2016, 22:20:18 da stesil »

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1743
    • lemonsong's links
Aggiornamento per la versione 12
« Risposta #1 il: 18 Aprile, 2016, 22:31:07 »
Aggiornato lo script cart_accordion.js per la versione 12, che trovate nel post precedente.