Skip to main content

PDP - Related Products Section

About The Section

This section is used to render the recommended products for any given product. See screenshots for preview of how current section looks with content.

Section - Desktop Preview Section - Mobile Preview

Section Settings

Setting NameUsageRecommended Value
TitleThe title for the section.RELATED PRODUCTS
Products Per SlideThe maximum amount of products that can be in view at once.4
Button TextThe button that displays under the recommended products. Can be left blank.View More
Button URLThe URL attached to the button under the recommended products. Can be left blank."All Collections"

"Under the Hood" Details

  • All of the recommended product SKUs for this section come from a product metafield which is why this section cannot be used outside the context of the PDP.
  • If no recommended products are set, this section will not show.
  • If the view more Button URL is missing a valid link, the button will not show regardless of if button text is set.
  • When the page loads, we show a loading skeleton while the system goes to find the recommend products by SKU. Once that is complete, we rebuild the view of the section based on the found SKUs.

Below are the details related to the metafield that controls this section.

owner: "Product",
name: "Recom Products"
namespace: "campania"
key: "recom_products"

Troubleshooting Tips

  • If the section isnt showing, verify the product you are previewing actually has recommended products set by SKU in the metafield.
  • If SKUs are set in the metafield and a specific SKU is not showing, verify that the SKU added is actually on the store.
  • If the skeleton is taking a long time to load, verify that the internet connection is stable. Slow networks may result in loads taking longer than normal.
  • If you've tried the above tips and are still running into issues, please reach out to us for assistance.