Comment s'orienter -Partie 1 - Fiche technique

Comment ajouter des fiches techniques à des pages de produits spécifiques.



1. Copiez ce code :


<div id="product_tabs_specs_contents" class="product-tabs-content tabs-content std">
<h4 class="main-heading"><strong>Technical Specifications<br /><br /></strong></h4>

<table id="physical" class="data-table">
<tbody>
<tr>
<td class="label">Incline/Decline Range</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Wireless Heart Rate</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Accessories</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Water Bottle Holder</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Dimension (L x W x H)</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Foot Print</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Machine Weight</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Shipping Weight</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Maximum User Weight</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Power</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Portability</td>
<td class="data">&nbsp;</td>
</tr>
</tbody>
</table>


<br><h4 class="main-heading"><strong>Warranty<br /><br /></strong></h4>
<table id="warranty" class="data-table">
<tbody>
<tr>
<td class="label">Warranty Type</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Frame</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Motor</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Parts</td>
<td class="data">&nbsp;</td>
</tr>
<tr>
<td class="label">Labor</td>
<td class="data">&nbsp;</td>
</tr>
</tbody>
</table>

</div>


2. Code passé à https://html-online.com/editor/ colonne de droite.

 


3. Modifiez la fiche technique et, une fois terminé, copiez le nouveau code html (CTRL+A pour sélectionner tout le code)

 


4. Trouvez le produit pour ajouter une fiche technique personnalisée sur cette page :

https://fitnessnutritionequipement.myshopify.com/pages/erejd99ds9nhhfhs7fs


5. Cliquez sur " Afficher tout " sous le produit


6. Cliquez sur l'onglet unique


7. Inscrivez"Spec Sheet" dans le premier champ


8. Le html passé dans le deuxième champ


9. Cliquez sur "Sauvegarder