I'd like to collapse / remove extra vertical space if no swatches needed (1 off items / no variants)

Store Design
,
1

We have a fashion / lifestyle brand - https://naturallife.com - and we’d like to remove any extra vertical space when no product options (swatches in this case) are present.

Is there some standard liquid or javascript code I can implement into our site that basically says “target a DIV and reduce its height to ‘0’ (or close to ‘0’) if the content doesn’t need to render in a browser” ?

Thanks in advance!

2

Hi @spacemaker

This is indeed doable, could you link us to a product where this issue shows? That way we can provide the code to do it.