Size Guide Below the Product Summary
Adds a collapsible size guide table below the product summary on every product page.
Opens WPIDE on
Code
<details class="wpide-size-guide" style="clear:both;margin:24px 0;padding:12px 16px;border:1px solid #dcdcde;border-radius:6px;">
<summary style="cursor:pointer;font-weight:600;">Size guide</summary>
<table style="width:100%;margin-top:12px;border-collapse:collapse;">
<thead><tr><th style="text-align:left;">Size</th><th style="text-align:left;">Chest (cm)</th><th style="text-align:left;">Waist (cm)</th></tr></thead>
<tbody>
<tr><td>S</td><td>86-91</td><td>71-76</td></tr>
<tr><td>M</td><td>96-101</td><td>81-86</td></tr>
<tr><td>L</td><td>106-111</td><td>91-96</td></tr>
<tr><td>XL</td><td>116-121</td><td>101-106</td></tr>
</tbody>
</table>
</details>Notes
Replace the table with your own measurements. Use a WPIDE condition to show it only on clothing categories.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.