Gradient Size Chart — Centered, Bar Header
Size table with a gradient header, centered text.
Best forClothing, shoes and sized products.
Where to place itRight below the size picker.
How to use: add the BD Size Chart (COD) block and choose gradient · center · bar in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dark Size Chart — Left Aligned, Box Header
Dark table with left-aligned text.
Best forPremium or dark-themed pages.
Where to place itProduct details section.
How to use: add the BD Size Chart (COD) block and choose dark · left · box in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Elevated Size Chart — Letter Sizes
Raised card table showing S/M/L letter sizes.
Best forApparel with letter sizes.
Where to place itBelow the variant options.
How to use: add the BD Size Chart (COD) block and choose elevated · center · letter in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Classic Size Chart — Left Bar Header
Classic table, easy to read.
Best forAny size chart.
Where to place itProduct details.
How to use: add the BD Size Chart (COD) block and choose classic · left · bar in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Size Chart — Centered Bar
Soft pastel table.
Best forKids and family products.
Where to place itBelow size options.
How to use: add the BD Size Chart (COD) block and choose soft · center · bar in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Striped Size Chart — Left Box
Striped rows for easy scanning.
Best forLong charts with many sizes.
Where to place itProduct details.
How to use: add the BD Size Chart (COD) block and choose striped · left · box in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Size Chart — Letter Sizes
Minimal table with letter sizes.
Best forClean pages.
Where to place itNear the size picker.
How to use: add the BD Size Chart (COD) block and choose minimal · center · letter in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Bordered Size Chart — Left Bar
Bordered table with bar header.
Best forDetailed measurements.
Where to place itProduct details.
How to use: add the BD Size Chart (COD) block and choose bordered · left · bar in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Size Chart — Pack Weight Version
Gradient chart, good for pack weights too.
Best forFood pack sizes.
Where to place itNear the package list.
How to use: add the BD Size Chart (COD) block and choose gradient · center · bar in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dark Size Chart — Box Header
Dark table with box header.
Best forPremium products.
Where to place itProduct details.
How to use: add the BD Size Chart (COD) block and choose dark · left · box in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Elevated Size Chart — Centered Letters
Elevated card with letter sizes.
Best forApparel.
Where to place itBelow size options.
How to use: add the BD Size Chart (COD) block and choose elevated · center · letter in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Classic Size Chart — Pickle Jar Sizes
Classic chart for jar sizes.
Best forJar and bottle sizes.
Where to place itNear the package list.
How to use: add the BD Size Chart (COD) block and choose classic · left · bar in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Size Chart — Centered Soft
Soft table.
Best forFriendly brands.
Where to place itProduct details.
How to use: add the BD Size Chart (COD) block and choose soft · center · bar in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Striped Size Chart — Honey Jars
Striped chart for jar weights.
Best forHoney jar sizes.
Where to place itNear variants.
How to use: add the BD Size Chart (COD) block and choose striped · left · box in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Size Chart — Oil Bottles
Minimal letter chart.
Best forBottle sizes.
Where to place itProduct details.
How to use: add the BD Size Chart (COD) block and choose minimal · center · letter in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Bordered Size Chart — Classic Default
Bordered chart — safe default.
Best forAny sized product.
Where to place itBelow the size picker.
How to use: add the BD Size Chart (COD) block and choose bordered · left · bar in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Head background, Head color, Table background, Line color, Pop background, Badge background, Badge color, Icon color, Name color, Value color, Cell color, Note color, Accent, Background, Box background, Box border color
Font & text sizeCol size, Figure size, Heading size, Subtitle size, Name size, Cell size, Note size
Size & spacingMax width, Table radius, Name width, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Cell align, Mobile mode
Animation & effectsRow hover, Hover, Animation, Shadow
Show / hide optionsUnit toggle, Popular badge, Pick, Use product sizes, Zebra, Sticky name, Head case, Figure grow, Figure pop, On, Orig
Text, images & linksHeading, Subtitle, Col1, Col2, Col3, Note, Unit a, Unit b, Rows, Popular text, Pick label, Cell padding, Figure icon, Figure box, Table min, Scroll hint, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0