spostare didascalia con accordion JS

Buongiorno,

sto sviluppando un catalogo prodotti per un sito a cui sto lavorando. La pagina linkata è un esempio dei prodotti. Con JS ho aggiunto una didascalia che appare all’Hover sul box, aggiungendo una classe al Figacption, che inizialmente ha opacità 0 quindi non è visibile. Il posizionamento assoluto della didascalia però comporta che se apro un accordion nei dettagli, la didascalia non appare più all’interno del box dove dovrebbe stare, ma rimane nella stessa posizione anche se il resto si è spostato. Per ovviare al problema, penso di dover aggiungere altro JS in modo che quando vengono cliccati i titoli dell’accordion, venga aggiunta una classe alla didascalia che la faccia traslare con il box rimanendo al suo interno, senza posizionare assolutamente i vari risultati per ogni prodotto, perchè il numero di codici per prodotto è variabile (ad esempio una classe CSS con transform: translateY). Ho già installato Custom JS per aggiungere Javascript sul sito, non riesco solo ad ottenere il codice giusto per quello che voglio fare. Ringrazio in anticipo per l’attenzione!

Ab

La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]