<style>
.bracelet_size_guide,
.ring_size_guide,
.bracelet_size_guide_content,
.ring_size_guide_content {
max-width: 1680px;
margin: 0 auto;
width: 100%;
}
.ring_size_guide_content {
display: none;
}
.nav {
display: flex;
justify-content: space-between;
gap: 10px;
max-width: 1680px;
margin: 15px auto;
}
.page-width--narrow {
max-width: 100%;
padding: 0;
}
.nav_item {
display: flex;
justify-content: center;
align-items: center;
font-family: 'Poppins';
font-size: 14px;
font-weight: 700;
width: calc((100% - 10px) / 2);
padding: 15px 0;
cursor: pointer;
background: #eeeeee;
}
.size_guide .nav .active {
color: white;
background-color: #cc8d6c;
}
h1 {
text-align: center;
}
.size_guide {
padding: 0 15px;
max-width: 1550px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
}
.mb {
display: none;
}
.pc {
display: block;
}
@media (max-width: 768px) {
.mb {
display: block;
}
.pc {
display: none;
}
.ring__table__content {
width: auto !important;
}
}
</style>
<div class="size_guide">
<div class="nav">
<div class="nav_item active">
<span class="pc">Guida alle taglie di bracciale</span>
<span class="mb">Bracciale</span>
</div>
<div class="nav_item">
<span class="pc">Guida alle taglie d'anello</span>
<span class="mb">Anello</span>
</div>
</div>
</div>
<style>
.tab-content-bracelet table {
width: 100%;
/* border: 1px solid #ddd; */
border-collapse: collapse;
text-align: center;
}
.tab-content-bracelet th {
border: 1px solid #ddd;
border-collapse: collapse;
font-size: 12px;
font-weight: bold;
background-color: #f4f4f4;
text-align: center;
height: 53px;
line-height: 26px;
}
.tab-content-bracelet td {
border: 1px solid #ddd;
border-collapse: collapse;
text-align: center;
font-size: 12px;
height: 30px;
line-height: 30px;
}
.tab-content-bracelet .bracelet-table {
margin-bottom: 30px;
}
.tab-content-bracelet .bracelet-table .bracelet-table-note {
margin-top: 10px;
}
.tab-content-bracelet .bracelet__content {
display: flex;
gap: 20px;
margin-bottom: 30px;
}
.tab-content-bracelet .bracelet__content .bracelet__content-text {
flex: 1;
}
.tab-content-bracelet .bracelet__content .bracelet__content-text .content__text-title {
font-weight: 500;
margin-bottom: 8px;
}
.tab-content-bracelet .bracelet__note {
margin-bottom: 30px;
}
.tab-content-bracelet .bracelet__note .bracelet__note-title {
font-weight: 500;
}
.tab-content-bracelet .bracelet__title {
padding-bottom: 20px;
}
.tab-content-bracelet .bracelet__separator {
height: 1px;
margin-bottom: 20px;
background: -webkit-linear-gradient(left, #fff, #ddd, #fff);
background: -moz-linear-gradient(left, #fff, #ddd, #fff);
}
@media (max-width: 767px) {
.tab-content-bracelet table {
width: auto;
border: 1px solid #ddd;
}
.tab-content-bracelet .th__title1 {
width: 115px;
}
.tab-content-bracelet .th__title2 {
width: 60px;
}
.tab-content-bracelet .bracelet__content {
display: block;
}
.tab-content-bracelet img {
width: 100%;
}
.bracelet-table-content {
overflow-x: auto;
}
}
</style>
<div class="size_guide">
<div class="bracelet_size_guide_content">
<div class="tab-content-bracelet">
<div class="bracelet__separator"> </div>
<div class="bracelet-table">
<div class="bracelet-table-content">
<table style="height: 159px">
<tbody>
<tr style="height: 53px">
<th class="th__title1" style="width: 32.628%; height: 53px">
Circonferenza del Polso
</th>
<th class="th__title2" style="width: 11.0533%; height: 53px">
cm
</th>
<td class="col-2" style="width: 5.80049%; height: 53px">14</td>
<td class="col-3" style="width: 5.80049%; height: 53px">15</td>
<td class="col-4" style="width: 5.80049%; height: 53px">16</td>
<td class="col-5" style="width: 5.80049%; height: 53px">17</td>
<td class="col-6" style="width: 5.80049%; height: 53px">18</td>
<td class="col-7" style="width: 5.80834%; height: 53px">19</td>
<td style="width: 5.80049%; height: 53px">20</td>
</tr>
<tr style="height: 53px">
<th class="th__title1" style="width: 32.628%; height: 106px" rowspan="2">
Lunghezza del bracciale
</th>
<th class="th__title2" style="width: 11.0533%; height: 53px">
Pollici
</th>
<td class="col-2" style="width: 5.80049%; height: 53px">6.3</td>
<td class="col-3" style="width: 5.80049%; height: 53px">6.7</td>
<td class="col-4" style="width: 5.80049%; height: 53px">7.1</td>
<td class="col-5" style="width: 5.80049%; height: 53px">7.5</td>
<td class="col-6" style="width: 5.80049%; height: 53px">7.9</td>
<td class="col-7" style="width: 5.80834%; height: 53px">8.3</td>
<td class="col-7" style="width: 5.80049%; height: 53px">8.7</td>
</tr>
<tr style="height: 53px">
<th class="th__title2" style="width: 11.0533%; height: 53px">
cm
</th>
<td class="col-2" style="width: 5.80049%; height: 53px">16</td>
<td class="col-3" style="width: 5.80049%; height: 53px">17</td>
<td class="col-4" style="width: 5.80049%; height: 53px">18</td>
<td class="col-5" style="width: 5.80049%; height: 53px">19</td>
<td class="col-6" style="width: 5.80049%; height: 53px">20</td>
<td class="col-7" style="width: 5.80834%; height: 53px">21</td>
<td class="col-8" style="width: 5.80049%; height: 53px">22</td>
</tr>
</tbody>
</table>
</div>
<div class="bracelet-table-note body4">
Abbiamo già elencato 2 semplici passaggi per scegliere il braccialetto adatto alla tua taglia.<br>※
Il bracciale da 16 cm è la misura perfetta per i bambini.
</div>
</div>
<div class="bracelet__content">
<div class="bracelet__content-image">
<img src="https://d1vz61drrkr9e6.cloudfront.net/2025/ES/bb5bc261971b4544b5670a962fee4ca1.webp">
</div>
<div class="bracelet__content-text body4">
<div class="content__text-title">
<h3>
<span style="font-size: 16px">Passo 1: Utilizzare il metro a nastro o una striscia di carta
per misurare il polso.</span>
</h3>
</div>
<div class="content__text-text">
Basta avvolgere il metro morbido intorno alla parte più larga del polso e prendere nota della
lunghezza. Se si utilizza una striscia di carta, segnare il proprio formato con una penna o una
matita, quindi utilizzare un righello per misurare la lunghezza (L'inizio del foglio deve essere
alla base del righello e contrassegnato con 0). Questa sarebbe la tua misura del polso.
</div>
</div>
</div>
<div class="bracelet__content">
<div class="bracelet__content-image">
<img src="https://d1vz61drrkr9e6.cloudfront.net/2025/ES/631853ccf3d5481da33390a6eb586cfd.webp" alt="">
</div>
<div class="bracelet__content-text body4">
<div class="content__text-title">
<h3>
<span style="font-size: 16px">Passo 2: Aggiungi un pollice o 2,5 centimetri su questa
misurazione per ottenere la lunghezza finale del tuo braccialetto.</span>
</h3>
</div>
<div class="content__text-text">
<p>
Assicurati che ci sia abbastanza spazio per infilare 2 dita in quanto questo è lo spazio
necessario per aggiungere i charm. Se vuoi aggiungere meno di sette ciondoli, basta con 2
centimetri. Se si prevede di indossare otto o più ciondoli, si prega di aggiungere 3
centimetri. Se acquisti solo un braccialetto, scegli la taglia successiva dalla misura del
polso reale.
</p>
</div>
</div>
</div>
<div class="bracelet__note body4">
<div class="bracelet__note-title body3">
<h3>Notes:</h3>
</div>
<div>
<p>
1.Un bracciale è perfettamente dimensionato quando si misura il polso saldamente e si aggiunge 2
o 3 cm.
</p>
<p>
2.Se sei tra le taglie, chiediti come ti piace indossare il tuo braccialetto. Se lo indossi
strettamente, scegli la taglia più piccola e, se ti piace indossarlo liberamente, prendi la
taglia successiva.
</p>
<p>
3.Si prega di essere consapevoli del fatto che quando ricevi un nuovo braccialetto si sentirà
rigido, che può renderti scomodamente stretto. Il braccialetto si ammorbidisce rapidamente e
diventa più flessibile.
</p>
<p>
4.Ricorda che più charm aggiungi ai tuoi braccialetti, più stretto diventerà.
</p>
<p>
5.La misura del bracciale più popolare è 7,5 pollici / 19 cm.
</p>
</div>
</div>
</div>
</div>
</div>
<style>
h1.page-title {
display: none;
}
.tab-content-ring table {
width: 100%;
border: 1px solid #ddd;
border-collapse: collapse;
text-align: center;
}
.tab-content-ring th {
border: 1px solid #ddd;
border-collapse: collapse;
font-size: 12px;
font-weight: bold;
background-color: #f4f4f4;
text-align: center;
padding: 12px 15px;
}
.tab-content-ring td {
border: 1px solid #ddd;
border-collapse: collapse;
text-align: center;
font-size: 12px;
padding: 12px 15px;
}
.tab-content-ring .ring__image {
text-align: center;
margin-bottom: 10px;
}
.tab-content-ring .ring__text {
margin-bottom: 20px;
}
.tab-content-ring .ring__note {
margin-top: 20px;
margin-bottom: 30px;
}
.tab-content-ring .ring__note .ring__note-title {
font-weight: 500;
}
.tab-content-ring .ring__title {
padding-bottom: 20px;
}
.tab-content-ring .ring__separator {
height: 1px;
margin-bottom: 20px;
background: -webkit-linear-gradient(left, #fff, #ddd, #fff);
background: -moz-linear-gradient(left, #fff, #ddd, #fff);
}
.tab-content-ring table td.active {
color: #fff;
background-color: #cc8d6c;
border: solid 1px #cc8d6c;
}
.tab-content-ring table td.same-row {
background-color: #f4f4f4;
}
.tab-content-ring table td.same-col {
background-color: #f4f4f4;
}
@media (max-width: 767px) {
.tab-content-ring table {
width: unset;
}
.ring__image img {
width: 100%;
}
.tab-content-ring .ring__table {
overflow: auto;
}
}
</style>
<div class="size_guide">
<div class="ring_size_guide_content">
<div class="tab-content-ring">
<div class="ring__separator"> </div>
<div class="ring__image">
<img src="https://d1vz61drrkr9e6.cloudfront.net/2025/ES/acc5466370ed4c89a64948d16acf8fd2.webp">
</div>
<div class="ring__text body4">
Questo è un grafico che sarà estremamente utile per determinare la dimensione dell'anello di cui hai
bisogno. È possibile utilizzare un metro a nastro o un piccolo pezzo di corda per misurare l'area che
sarà occupata dall'anello. Quando diventa un cerchio completo, fai un segno su tale corda. Questo ti
sarà utile per fare un confronto con il grafico che è menzionato sotto.
</div>
<div class="ring__table">
<table style="width: 100%; height: 496px" class="ring__table__content">
<thead>
<tr style="height: 16px">
<th style="width: 15.5445%; height: 16px" colspan="2">
Diametro Interno
</th>
<th style="width: 20.972%; height: 16px" colspan="2">
Circonferenza Interna
</th>
<th style="width: 51.2386%; height: 16px" colspan="6">SIZE</th>
</tr>
<tr style="height: 16px">
<th style="width: 7.51413%; height: 80px" rowspan="5">(in)</th>
<th style="width: 8.03039%; height: 80px" rowspan="5">(mm)</th>
<th style="width: 10.1523%; height: 80px" rowspan="5">(in)</th>
<th style="width: 10.8197%; height: 80px" rowspan="5">(mm)</th>
<th style="width: 7%; height: 16px">Stati Uniti</th>
<th style="width: 7%; height: 16px">Regno Unito</th>
<th style="width: 7%; height: 16px">Paesi Bassi</th>
<th style="width: 7%; height: 16px">Italia</th>
<th style="width: 7%; height: 16px">Francia</th>
<th style="width: 7%; height: 16px">Malaysia</th>
</tr>
<tr style="height: 16px">
<th style="width: 7%; height: 16px">Canada</th>
<th style="width: 7%; height: 16px">Australia</th>
<th style="width: 7%; height: 16px">Svizzera</th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px">Germania</th>
<th style="width: 7%; height: 16px">Giappone</th>
</tr>
<tr style="height: 16px">
<th style="width: 7%; height: 16px">Messico</th>
<th style="width: 7%; height: 16px">Irlanda</th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px">Spagna</th>
<th style="width: 7%; height: 16px"> </th>
</tr>
<tr style="height: 16px">
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px">Nuova Zelanda</th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px"> </th>
</tr>
<tr style="height: 16px">
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px">Sud Africa</th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px"> </th>
<th style="width: 7%; height: 16px"> </th>
</tr>
</thead>
<tbody>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.555</td>
<td class="col-1" style="width: 8.03039%; height: 16px">14.1</td>
<td class="col-2" style="width: 10.1523%; height: 16px">1.74</td>
<td class="col-3" style="width: 10.8197%; height: 16px">44.2</td>
<td class="col-4" style="width: 7%; height: 16px">3</td>
<td class="col-5" style="width: 7%; height: 16px">F</td>
<td class="col-6" style="width: 7%; height: 16px">4.25</td>
<td class="col-7" style="width: 7%; height: 16px">4</td>
<td class="col-8" style="width: 7%; height: 16px">44</td>
<td class="col-9" style="width: 7%; height: 16px">4</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.571</td>
<td class="col-1" style="width: 8.03039%; height: 16px">14.5</td>
<td class="col-2" style="width: 10.1523%; height: 16px">1.791</td>
<td class="col-3" style="width: 10.8197%; height: 16px">45.5</td>
<td class="col-4" style="width: 7%; height: 16px">3.5</td>
<td class="col-5" style="width: 7%; height: 16px">G</td>
<td class="col-6" style="width: 7%; height: 16px">5.5</td>
<td class="col-7" style="width: 7%; height: 16px">5.5</td>
<td class="col-8" style="width: 7%; height: 16px">46</td>
<td class="col-9" style="width: 7%; height: 16px">5</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.587</td>
<td class="col-1" style="width: 8.03039%; height: 16px">14.9</td>
<td class="col-2" style="width: 10.1523%; height: 16px">1.843</td>
<td class="col-3" style="width: 10.8197%; height: 16px">46.8</td>
<td class="col-4" style="width: 7%; height: 16px">4</td>
<td class="col-5" style="width: 7%; height: 16px">H</td>
<td class="col-6" style="width: 7%; height: 16px">6.75</td>
<td class="col-7" style="width: 7%; height: 16px">6.5</td>
<td class="col-8" style="width: 7%; height: 16px">47</td>
<td class="col-9" style="width: 7%; height: 16px">7</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.602</td>
<td class="col-1" style="width: 8.03039%; height: 16px">15.3</td>
<td class="col-2" style="width: 10.1523%; height: 16px">1.89</td>
<td class="col-3" style="width: 10.8197%; height: 16px">48</td>
<td class="col-4" style="width: 7%; height: 16px">4.5</td>
<td class="col-5" style="width: 7%; height: 16px">I</td>
<td class="col-6" style="width: 7%; height: 16px">8</td>
<td class="col-7" style="width: 7%; height: 16px">8</td>
<td class="col-8" style="width: 7%; height: 16px">48</td>
<td class="col-9" style="width: 7%; height: 16px">8</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.618</td>
<td class="col-1" style="width: 8.03039%; height: 16px">15.7</td>
<td class="col-2" style="width: 10.1523%; height: 16px">1.94</td>
<td class="col-3" style="width: 10.8197%; height: 16px">49.3</td>
<td class="col-4" style="width: 7%; height: 16px">5</td>
<td class="col-5" style="width: 7%; height: 16px">J-½</td>
<td class="col-6" style="width: 7%; height: 16px">9.25</td>
<td class="col-7" style="width: 7%; height: 16px">10</td>
<td class="col-8" style="width: 7%; height: 16px">50</td>
<td class="col-9" style="width: 7%; height: 16px">9</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.634</td>
<td class="col-1" style="width: 8.03039%; height: 16px">16.1</td>
<td class="col-2" style="width: 10.1523%; height: 16px">1.992</td>
<td class="col-3" style="width: 10.8197%; height: 16px">50.6</td>
<td class="col-4" style="width: 7%; height: 16px">5.5</td>
<td class="col-5" style="width: 7%; height: 16px">K-½</td>
<td class="col-6" style="width: 7%; height: 16px">10.5</td>
<td class="col-7" style="width: 7%; height: 16px">10.5</td>
<td class="col-8" style="width: 7%; height: 16px">51</td>
<td class="col-9" style="width: 7%; height: 16px">10</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.65</td>
<td class="col-1" style="width: 8.03039%; height: 16px">16.51</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.04</td>
<td class="col-3" style="width: 10.8197%; height: 16px">51.9</td>
<td class="col-4" style="width: 7%; height: 16px">6</td>
<td class="col-5" style="width: 7%; height: 16px">L-½</td>
<td class="col-6" style="width: 7%; height: 16px">11.75</td>
<td class="col-7" style="width: 7%; height: 16px">12</td>
<td class="col-8" style="width: 7%; height: 16px">52</td>
<td class="col-9" style="width: 7%; height: 16px">11</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.665</td>
<td class="col-1" style="width: 8.03039%; height: 16px">16.9</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.091</td>
<td class="col-3" style="width: 10.8197%; height: 16px">53.1</td>
<td class="col-4" style="width: 7%; height: 16px">6.5</td>
<td class="col-5" style="width: 7%; height: 16px">M-½</td>
<td class="col-6" style="width: 7%; height: 16px">13.25</td>
<td class="col-7" style="width: 7%; height: 16px">13</td>
<td class="col-8" style="width: 7%; height: 16px">53</td>
<td class="col-9" style="width: 7%; height: 16px">13</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.682</td>
<td class="col-1" style="width: 8.03039%; height: 16px">17.32</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.14</td>
<td class="col-3" style="width: 10.8197%; height: 16px">54.4</td>
<td class="col-4" style="width: 7%; height: 16px">7</td>
<td class="col-5" style="width: 7%; height: 16px">N-½</td>
<td class="col-6" style="width: 7%; height: 16px">14.5</td>
<td class="col-7" style="width: 7%; height: 16px">14</td>
<td class="col-8" style="width: 7%; height: 16px">54</td>
<td class="col-9" style="width: 7%; height: 16px">14</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.697</td>
<td class="col-1" style="width: 8.03039%; height: 16px">17.7</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.193</td>
<td class="col-3" style="width: 10.8197%; height: 16px">55.7</td>
<td class="col-4" style="width: 7%; height: 16px">7.5</td>
<td class="col-5" style="width: 7%; height: 16px">O-½</td>
<td class="col-6" style="width: 7%; height: 16px">15.75</td>
<td class="col-7" style="width: 7%; height: 16px">16</td>
<td class="col-8" style="width: 7%; height: 16px">56</td>
<td class="col-9" style="width: 7%; height: 16px">15</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.714</td>
<td class="col-1" style="width: 8.03039%; height: 16px">18.14</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.24</td>
<td class="col-3" style="width: 10.8197%; height: 16px">57</td>
<td class="col-4" style="width: 7%; height: 16px">8</td>
<td class="col-5" style="width: 7%; height: 16px">P-½</td>
<td class="col-6" style="width: 7%; height: 16px">17</td>
<td class="col-7" style="width: 7%; height: 16px">17</td>
<td class="col-8" style="width: 7%; height: 16px">57</td>
<td class="col-9" style="width: 7%; height: 16px">16</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.728</td>
<td class="col-1" style="width: 8.03039%; height: 16px">18.5</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.295</td>
<td class="col-3" style="width: 10.8197%; height: 16px">58.3</td>
<td class="col-4" style="width: 7%; height: 16px">8.5</td>
<td class="col-5" style="width: 7%; height: 16px">Q-½</td>
<td class="col-6" style="width: 7%; height: 16px">18.25</td>
<td class="col-7" style="width: 7%; height: 16px">18</td>
<td class="col-8" style="width: 7%; height: 16px">58</td>
<td class="col-9" style="width: 7%; height: 16px">17</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.746</td>
<td class="col-1" style="width: 8.03039%; height: 16px">18.95</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.34</td>
<td class="col-3" style="width: 10.8197%; height: 16px">59.5</td>
<td class="col-4" style="width: 7%; height: 16px">9</td>
<td class="col-5" style="width: 7%; height: 16px">R-½</td>
<td class="col-6" style="width: 7%; height: 16px">19.5</td>
<td class="col-7" style="width: 7%; height: 16px">20</td>
<td class="col-8" style="width: 7%; height: 16px">59</td>
<td class="col-9" style="width: 7%; height: 16px">18</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.764</td>
<td class="col-1" style="width: 8.03039%; height: 16px">19.4</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.394</td>
<td class="col-3" style="width: 10.8197%; height: 16px">60.8</td>
<td class="col-4" style="width: 7%; height: 16px">9.5</td>
<td class="col-5" style="width: 7%; height: 16px">S-½</td>
<td class="col-6" style="width: 7%; height: 16px">20.75</td>
<td class="col-7" style="width: 7%; height: 16px">21</td>
<td class="col-8" style="width: 7%; height: 16px">61</td>
<td class="col-9" style="width: 7%; height: 16px">20</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.78</td>
<td class="col-1" style="width: 8.03039%; height: 16px">19.8</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.445</td>
<td class="col-3" style="width: 10.8197%; height: 16px">62.1</td>
<td class="col-4" style="width: 7%; height: 16px">10</td>
<td class="col-5" style="width: 7%; height: 16px">T-½</td>
<td class="col-6" style="width: 7%; height: 16px">22</td>
<td class="col-7" style="width: 7%; height: 16px">22</td>
<td class="col-8" style="width: 7%; height: 16px">62</td>
<td class="col-9" style="width: 7%; height: 16px">21</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.795</td>
<td class="col-1" style="width: 8.03039%; height: 16px">20.2</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.496</td>
<td class="col-3" style="width: 10.8197%; height: 16px">63.4</td>
<td class="col-4" style="width: 7%; height: 16px">10.5</td>
<td class="col-5" style="width: 7%; height: 16px">U-½</td>
<td class="col-6" style="width: 7%; height: 16px">23.25</td>
<td class="col-7" style="width: 7%; height: 16px">23</td>
<td class="col-8" style="width: 7%; height: 16px">63</td>
<td class="col-9" style="width: 7%; height: 16px">22</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.811</td>
<td class="col-1" style="width: 8.03039%; height: 16px">20.6</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.543</td>
<td class="col-3" style="width: 10.8197%; height: 16px">64.6</td>
<td class="col-4" style="width: 7%; height: 16px">11</td>
<td class="col-5" style="width: 7%; height: 16px">V-½</td>
<td class="col-6" style="width: 7%; height: 16px">24.75</td>
<td class="col-7" style="width: 7%; height: 16px">24</td>
<td class="col-8" style="width: 7%; height: 16px">64</td>
<td class="col-9" style="width: 7%; height: 16px">23</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.827</td>
<td class="col-1" style="width: 8.03039%; height: 16px">21</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.594</td>
<td class="col-3" style="width: 10.8197%; height: 16px">65.9</td>
<td class="col-4" style="width: 7%; height: 16px">11.5</td>
<td class="col-5" style="width: 7%; height: 16px">W-½</td>
<td class="col-6" style="width: 7%; height: 16px">26</td>
<td class="col-7" style="width: 7%; height: 16px">25.6</td>
<td class="col-8" style="width: 7%; height: 16px">66</td>
<td class="col-9" style="width: 7%; height: 16px">25</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.843</td>
<td class="col-1" style="width: 8.03039%; height: 16px">21.4</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.646</td>
<td class="col-3" style="width: 10.8197%; height: 16px">67.2</td>
<td class="col-4" style="width: 7%; height: 16px">12</td>
<td class="col-5" style="width: 7%; height: 16px">X-½</td>
<td class="col-6" style="width: 7%; height: 16px">27.25</td>
<td class="col-7" style="width: 7%; height: 16px">27</td>
<td class="col-8" style="width: 7%; height: 16px">67</td>
<td class="col-9" style="width: 7%; height: 16px">26</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.858</td>
<td class="col-1" style="width: 8.03039%; height: 16px">21.8</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.697</td>
<td class="col-3" style="width: 10.8197%; height: 16px">68.5</td>
<td class="col-4" style="width: 7%; height: 16px">12.5</td>
<td class="col-5" style="width: 7%; height: 16px">Z</td>
<td class="col-6" style="width: 7%; height: 16px">28.5</td>
<td class="col-7" style="width: 7%; height: 16px">28</td>
<td class="col-8" style="width: 7%; height: 16px">68</td>
<td class="col-9" style="width: 7%; height: 16px">28</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.874</td>
<td class="col-1" style="width: 8.03039%; height: 16px">22.2</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.744</td>
<td class="col-3" style="width: 10.8197%; height: 16px">69.7</td>
<td class="col-4" style="width: 7%; height: 16px">13</td>
<td class="col-5" style="width: 7%; height: 16px">Z+1</td>
<td class="col-6" style="width: 7%; height: 16px">29.75</td>
<td class="col-7" style="width: 7%; height: 16px">29.5</td>
<td class="col-8" style="width: 7%; height: 16px">70</td>
<td class="col-9" style="width: 7%; height: 16px">29</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.89</td>
<td class="col-1" style="width: 8.03039%; height: 16px">22.6</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.795</td>
<td class="col-3" style="width: 10.8197%; height: 16px">71</td>
<td class="col-4" style="width: 7%; height: 16px">13.5</td>
<td class="col-5" style="width: 7%; height: 16px">Z+1.5</td>
<td class="col-6" style="width: 7%; height: 16px">31</td>
<td class="col-7" style="width: 7%; height: 16px">31.5</td>
<td class="col-8" style="width: 7%; height: 16px">71</td>
<td class="col-9" style="width: 7%; height: 16px">30</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.906</td>
<td class="col-1" style="width: 8.03039%; height: 16px">23</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.846</td>
<td class="col-3" style="width: 10.8197%; height: 16px">72.3</td>
<td class="col-4" style="width: 7%; height: 16px">14</td>
<td class="col-5" style="width: 7%; height: 16px">Z+3</td>
<td class="col-6" style="width: 7%; height: 16px">32.25</td>
<td class="col-7" style="width: 7%; height: 16px">32.5</td>
<td class="col-8" style="width: 7%; height: 16px">72</td>
<td class="col-9" style="width: 7%; height: 16px">31</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.921</td>
<td class="col-1" style="width: 8.03039%; height: 16px">23.4</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.894</td>
<td class="col-3" style="width: 10.8197%; height: 16px">73.5</td>
<td class="col-4" style="width: 7%; height: 16px">14.5</td>
<td class="col-5" style="width: 7%; height: 16px">Z+4</td>
<td class="col-6" style="width: 7%; height: 16px">33.5</td>
<td class="col-7" style="width: 7%; height: 16px">33.5</td>
<td class="col-8" style="width: 7%; height: 16px">73</td>
<td class="col-9" style="width: 7%; height: 16px">32</td>
</tr>
<tr style="height: 16px">
<td class="col-0" style="width: 7.51413%; height: 16px">0.937</td>
<td class="col-1" style="width: 8.03039%; height: 16px">23.8</td>
<td class="col-2" style="width: 10.1523%; height: 16px">2.945</td>
<td class="col-3" style="width: 10.8197%; height: 16px">74.8</td>
<td class="col-4" style="width: 7%; height: 16px">15</td>
<td class="col-5" style="width: 7%; height: 16px">Z+5</td>
<td class="col-6" style="width: 7%; height: 16px">34.75</td>
<td class="col-7" style="width: 7%; height: 16px">34.5</td>
<td class="col-8" style="width: 7%; height: 16px">74</td>
<td class="col-9" style="width: 7%; height: 16px">33</td>
</tr>
</tbody>
</table>
</div>
<div class="ring__note body4">
<div class="ring__note-title body3">Notes:</div>
<div>
1.Misura il tuo dito in temperature calde alla fine della giornata.
</div>
<div>
2.Se il tuo nocchiero è molto più grande della base del dito, misura sia la base del dito che il
nocchiero e seleziona una taglia tra i due.
</div>
<div>
3.Quando si considera un anello largo, aumentare di una taglia rispetto alla misura per il comfort.
</div>
<div>
4.I taglie degli anelli più popolari sono 14 e 17.
</div>
</div>
</div>
</div>
</div>
<script>
; (function () {
var jqm_size_guide = {
el: document.querySelector('.tab-content-ring'),
init: function () {
var tableCells = this.el.querySelectorAll('.ring__table table td')
tableCells.forEach(
function (cell) {
cell.addEventListener(
'mouseenter',
this.handleCellMouseEnter.bind(this)
)
}.bind(this)
)
var allCells = this.el.querySelectorAll('.ring__table table td')
allCells.forEach(
function (cell) {
cell.addEventListener(
'mouseleave',
this.handleCellMouseLeave.bind(this)
)
}.bind(this)
)
var rows = this.el.querySelectorAll('.ring__table table tr')
rows.forEach(function (row, i) {
var cells = row.querySelectorAll('td')
cells.forEach(function (cell, j) {
cell.classList.add('col-' + j)
})
})
},
handleCellMouseEnter: function (e) {
var el = e.currentTarget
el.classList.add('active')
var prevSiblings = this.getPreviousSiblings(el)
prevSiblings.forEach(function (sibling) {
sibling.classList.add('same-row')
})
var colClass = el.className.match(/(col-[0-9])/i)
if (colClass) {
var className = colClass[0]
var cols = this.el.querySelectorAll(
'.ring__table table td.' + className
)
for (var i = 0; i < cols.length; i++) {
var cell = cols[i]
if (!cell.classList.contains('active')) {
cell.classList.add('same-col')
} else {
break
}
}
}
},
handleCellMouseLeave: function () {
var cells = this.el.querySelectorAll('.ring__table table td')
cells.forEach(function (cell) {
cell.classList.remove('same-row', 'same-col', 'active')
})
},
getPreviousSiblings: function (el) {
var siblings = []
while ((el = el.previousElementSibling)) {
siblings.push(el)
}
return siblings
}
}
jqm_size_guide.init()
})()
let tab = document.querySelectorAll('.nav_item')
let tabContent1 = document.querySelector('.bracelet_size_guide_content')
let tabContent2 = document.querySelector('.ring_size_guide_content')
tab.forEach(function (item) {
item.addEventListener('mouseover', function (e) {
let target = e.currentTarget
tab.forEach(function (_item, index) {
_item.classList.remove('active')
if (target == _item) {
_item.classList.add('active')
if (index == 0) {
tabContent1.style.display = 'block'
tabContent2.style.display = 'none'
} else {
tabContent1.style.display = 'none'
tabContent2.style.display = 'block'
}
}
})
})
})
</script>
