# Size Guide Below the Product Summary

> Adds a collapsible size guide table below the product summary on every product page.

- Type: HTML
- Runs: Wc after single product summary
- Category: [WooCommerce](https://wpide.com/library/category/woocommerce/)
- Requires: WooCommerce
- Tags: woocommerce, product-page, size-guide
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/woo-size-guide-section/

## Code

```html
<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 use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Size Guide Below the Product Summary" in its snippet library and add it in one click; or create a new HTML snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/