Buongiorno,
https://www.la-maglia-rosanero.com/nuovo/20002001.html
Vi ho messo il link ad una pagina.
Il Template l'ho scaricato da ThemeForest.
Il problema che riscontro è questo :
Come vedete ho necessità di caricare più di una maglia a pagina. Volendo copiare il codice tante volte quante sono le maglie di quell'anno (in questo caso sono 2) mi si pone il problema degli ID che ovviamente devono essere univoci per pagina.codice HTML:<!--descrizione maglia--> <nav class="descrizionemaglia"> <div class="nav nav-tabs" id="nav-tab" role="tablist"> <button class="nav-link active" style="font-weight: bold" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Descrizione |</button> <button class="nav-link" style="font-weight: bold" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Specifiche |</button> <button class="nav-link" style="font-weight: bold" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">Foto Prova</button> </div> </nav> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">Descrizione Maglia</div> <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab"> <div class="card-body"> <h3 class="card-title">Maglia n° 16</h3> <p class="card-text"> <b>Società: </b>U.S Città di Palermo<br> <b>Giocatore: </b>ND<br> <b>Maglia: </b> <input type="checkbox" name="check" value="1" checked="checked"><b> 1° -</b> <input type="checkbox" name="check" value="1" disabled="disabled"><b> 2° -</b> <input type="checkbox" name="check" value="1" disabled="disabled"><b> 3° -</b> <input type="checkbox" name="check" value="1" disabled="disabled"><b> Special Edition</b><br> <b>Numero Maglia: </b>16<br> <b>Stagione: </b>2000/2001<br> <b>Campionato: </b>Serie C<br> <b>Match: </b>ND<br> <b>Tempo (1° o 2° Tempo): </b>ND<br> <b>Particolarità: </b>ND<br> <b>Descrizione: </b>Maglia con il font del numero non ufficiale. Dalla foto prova si evince che alcune volte il Palermo ha usato font diversi</p> </div> </div> <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab"> <img class="fotoprova" src="fotomaglie/2000_2001/DSC_4581_1.JPG" alt="Maglia Massimiliano Cappioli n° 10 2000 - 2001 Palermo Serie C"> </div> </div> <!--FINE maglia--> <div class="divider"><i class="icon-circle"></i></div> <!-- inizio maglia ============================================= --> <div class="masonry-thumbs grid-container grid-2" data-big="3" data-lightbox="gallery"> <a class="grid-item" href="fotomaglie/2000_2001/DSC_4643.JPG" data-lightbox="gallery-item"><img src="fotomaglie/2000_2001/DSC_4643.JPG" alt="Gallery Thumb 1"></a> <a class="grid-item" href="fotomaglie/2000_2001/DSC_4642.JPG" data-lightbox="gallery-item"><img src="fotomaglie/2000_2001/DSC_4642.JPG" alt="Gallery Thumb 2"></a> </div> <!--descrizione maglia--> <nav class="descrizionemaglia"> <div class="nav nav-tabs" id="nav-tab1" role="tablist"> <button class="nav-link active" style="font-weight: bold" id="nav-home-tab1" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Descrizione |</button> <button class="nav-link" style="font-weight: bold" id="nav-profile-tab1" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Specifiche |</button> <button class="nav-link" style="font-weight: bold" id="nav-contact-tab1" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">Foto Prova</button> </div> </nav> <div class="tab-content" id="nav-tabContent1"> <div class="tab-pane fade show active" id="nav-home1" role="tabpanel" aria-labelledby="nav-home-tab">Descrizione Maglia</div> <div class="tab-pane fade" id="nav-profile1" role="tabpanel" aria-labelledby="nav-profile-tab"> <div class="card-body"> <h3 class="card-title">Maglia n° 16</h3> <p class="card-text"> <b>Società: </b>U.S Città di Palermo<br> <b>Giocatore: </b>ND<br> <b>Maglia: </b> <input type="checkbox" name="check" value="1" checked="checked"><b> 1° -</b> <input type="checkbox" name="check" value="1" disabled="disabled"><b> 2° -</b> <input type="checkbox" name="check" value="1" disabled="disabled"><b> 3° -</b> <input type="checkbox" name="check" value="1" disabled="disabled"><b> Special Edition</b><br> <b>Numero Maglia: </b>16<br> <b>Stagione: </b>2000/2001<br> <b>Campionato: </b>Serie C<br> <b>Match: </b>ND<br> <b>Tempo (1° o 2° Tempo): </b>ND<br> <b>Particolarità: </b>ND<br> <b>Descrizione: </b>Maglia con il font del numero non ufficiale. Dalla foto prova si evince che alcune volte il Palermo ha usato font diversi</p> </div> </div> <div class="tab-pane fade" id="nav-contact1" role="tabpanel" aria-labelledby="nav-contact-tab"> <img class="fotoprova" src="fotomaglie/2000_2001/DSC_4581_1.JPG" alt="Maglia Massimiliano Cappioli n° 10 2000 - 2001 Palermo Serie C"> </div> </div> <!--FINE maglia-->
Come posso ovviare?
Artigianalmente ho provato a cambiare il nome all'ID della seconda maglia ma mi va ad interferire con il pannello della prima maglia (ci sarà un richiamo che non vedo)
Grazie