Shopify themes, liquid, logos, and UX
Im trying to hide the collasible tabs when emtpy. Im using the following metafields
{{ product.metafields.custom.shipping.value.tab_content }}
This is an example of a product with a metafield assign to it.
https://9livesracing.com/products/128i-big-wang-kit-07-13-e82?_pos=1&_psq=128i+Big+Wang+Kit+%2707-13...
This is an example of a product with a no metafield assign to it.
https://9livesracing.com/products/add-on-swan-it-change-any-wang-kit-to-swan-mounting
Thank you
Hi @MikeCZ ,
You need a custom code to do that and we can help you
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.
MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Thanks @BSSCommerce-TC, can you share the solution by replying to this comment?
Hi @MikeCZ ,
Let try insert below code at the end file theme.css and Save theme
div[data-name="custom-liquid"]:not(.pb-l.md\:pb-xl > p) {
display: none !important;
}
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.
MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Thank you for your response. Unfortunately, the code hides the shipping tab regardless of whether the tab is empty or populated with a metafield.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025