Size Chart Code

by ONELIVE Webmaster August 4, 2015

To create Product Specifications for sizes, the following code can be used.

Display Size, Chest, and Body Length

<h4>Product Specifications</h4>
<div class="row">
<div class="col-sm-4 col-xs-4">Size</div>
<div class="col-sm-4 col-xs-4">Chest</div>
<div class="col-sm-4 col-xs-4">Body Length</div>
</div>
<div class="row">
<div class="col-sm-4 col-xs-4">S</div>
<div class="col-sm-4 col-xs-4">28</div>
<div class="col-sm-4 col-xs-4">22 1/2</div>
</div>
<div class="row">
<div class="col-sm-4 col-xs-4">M</div>
<div class="col-sm-4 col-xs-4">30</div>
<div class="col-sm-4 col-xs-4">23 1/2</div>
</div>
<div class="row">
<div class="col-sm-4 col-xs-4">L</div>
<div class="col-sm-4 col-xs-4">32</div>
<div class="col-sm-4 col-xs-4">24 1/2</div>
</div>
<div class="row">
<div class="col-sm-4 col-xs-4">XL</div>
<div class="col-sm-4 col-xs-4">34</div>
<div class="col-sm-4 col-xs-4">25 1/2</div>
</div>
<div class="row">
<div class="col-sm-4 col-xs-4">2XL</div>
<div class="col-sm-4 col-xs-4">36</div>
<div class="col-sm-4 col-xs-4">26 1/2</div>
</div>

Display Size, High Point Shoulder Length, and Bust

<h4>Product Specifications</h4>
<div class="row">
<div class="col-sm-3 col-xs-3">Size</div>
<div class="col-sm-5 col-xs-5">High Point Shoulder Length</div>
<div class="col-sm-4 col-xs-4">BUST 1" Below Armhole</div>
</div>
<div class="row">
<div class="col-sm-3 col-xs-3">S</div>
<div class="col-sm-5 col-xs-5">25 3/8</div>
<div class="col-sm-4 col-xs-4">15</div>
</div>
<div class="row">
<div class="col-sm-3 col-xs-3">M</div>
<div class="col-sm-5 col-xs-5">26</div>
<div class="col-sm-4 col-xs-4">16</div>
</div>
<div class="row">
<div class="col-sm-3 col-xs-3">L</div>
<div class="col-sm-5 col-xs-5">26 5/8</div>
<div class="col-sm-4 col-xs-4">17</div>
</div>
<div class="row">
<div class="col-sm-3 col-xs-3">XL</div>
<div class="col-sm-5 col-xs-5">27 1/4</div>
<div class="col-sm-4 col-xs-4">18 1/2</div>
</div>
<div class="row">
<div class="col-sm-3 col-xs-3">2XL</div>
<div class="col-sm-5 col-xs-5">27 7/8</div>
<div class="col-sm-4 col-xs-4">20</div>
</div>