How to guide -Part 1 - Spec Sheet

How to add spec sheets to specific product pages.



1. Copy this 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. Past code to https://html-online.com/editor/ right column.

 


3. Edit the Spec Sheet and once done copy the new html code (CTRL+A to select all code)

 


4. Find the product to add custom Spec Sheet on this page :

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


5. Click SHOW ALL under the product


6. Click add unique tab


7. Write "Spec Sheet" in the first field


8. Past html in the second field


9. Click Save