Men's Tops / Chart / Size Chart / Magehq / Magento Admin

Jump to a specific segment or go through all tutorials one by one.

Backend Demo

Frontend Demo

Size Chart On Product

User admin: sizechart

Password admin: demo123

Go to Product

Information

Chart Information Changes have been made to this section that have not been saved. This tab contains invalid data. Please resolve this before saving.

Rule Information

Name

Description

<p>Men's Tops</p>

Store View

What is this?

Status

Priority

Template Information Changes have been made to this section that have not been saved. This tab contains invalid data. Please resolve this before saving.

Template Information

Template Html

<div class="size-chart-header"> <h3>Men's Tops Size Chart</h3> </div> <div class="magehqcss size-chart-main"> <div class="size-chart-main-image col-md-4 col-xs-12"><img src="{{media url="wysiwyg/size-chart.png"}}" width="360" height="431"></div> <div class="size-chart-main-table col-md-8 col-xs-12"> <div class="size-chart-main-text"> <p>The measurements on the size chart are body measurements. Find your correct size in the chart below.</p> </div> <table> <tbody> <tr> <th>Size</th> <th>CHEST (cm)</th> <th>WAIST (cm)</th> <th>HIPS (cm)</th> </tr> <tr> <td>X-Small</td> <td>< 88</td> <td>< 73</td> <td>< 88</td> </tr> <tr> <td>Small</td> <td>88-96</td> <td>73-81</td> <td>88-96</td> </tr> <tr> <td>Medium</td> <td>96-104</td> <td>81-89</td> <td>96-104</td> </tr> <tr> <td>Large</td> <td>104-112</td> <td>89-97</td> <td>104-112</td> </tr> <tr> <td>X-Large</td> <td>112-124</td> <td>97-109</td> <td>112-120</td> </tr> <tr> <td>XX-Large</td> <td>124-136</td> <td>109-121</td> <td>120-128</td> </tr> </tbody> </table> </div> </div>

Template CSS
size-chart-main-image { text-align: center; } .size-chart-main-text { margin-bottom: 20px; } .size-chart-main-table td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } .size-chart-main-table tr:nth-child(even) { background-color: #f1f1f1; }

Templates

Display

Assign Products Changes have been made to this section that have not been saved. This tab contains invalid data. Please resolve this before saving.
Conditions (don't add conditions if don't rule is applied to all products)

If ALL of these conditions are TRUE :
Preview Products

All Store Views
Default Store View
Add Multiple Products
Auction
Barcode
B2B Registration
Checkout Success Page
Customer Attributes
Free Shipping Bar
Cancel Order
Gift Cards
Hide Price
Multiple Coupons
One Step Checkout
Promotion Bar
Reorder
Reward Points
Split Cart
Size Chart
Preorder
Order Tracking
Blog
Faq
Request For Quote
Guest To Customer
Abandoned Cart
Auto Invoice