Add option to display custom fields under "Specifications" tab on PDP

[sacr3dc0w]

What?

Adds an option to display custom fields under a "Specifications" tab.

Tickets / Documentation

• Specs Tab #1065

Screenshots (if appropriate)

False, default

False, default - tab region

True

True, tab region - closed

True, tab region - open

True, tab region - open, mobile

True, tab region - closed

[bigbot]

Autotagging @bigcommerce/storefront-team @davidchin

[sacr3dc0w]

I've updated the PR and added the ability to change the tab label in the theme editor if the store owner doesn't want it to be "Specifications".

If this adds too much overhead, I can move it back to being a string in en.json.

Screenshot

True, modified label

[sacr3dc0w]

Upon rebasing and enabling show_product_reviews_tabs from #1302, I discovered this will create display issues if a product contains warranty information.

Required adding breakpoint("large") for .tab-title and slightly reducing the side padding of the tabs for this viewport.

Before

After

Updated theme editor

[christensenep]

Since this setting isn't relevant if the above setting isn't checked, we should add

"reference": "show_custom_fields_tabs",
"reference_default": false,

This will cause this setting to be invisible if the above checkbox is not checked

[ghost]

@sacr3dc0w A new tab is a great idea and we would like to merge this pr, however, we would like to share the naming with our design team to get their approval