Nested Looper For CPT With Products & Horizontal Scrolling

Hi,

I am in the process of trying to do something, which I am not sure if it is possible with Cornerstone but hope it is. It has two parts.

I have the following structure:

  • Section with a looper provider pulling through CPT Collections.
    • Row
      • Column with Looper Consumer
        • Headline with DC - {{ post.title }} (the CPT’s title)
        • Grid with Looper Provider pulling through Products (*Problem 1)
          • Cell with Looper Consumer
            • Image with DC - {{ post.featured_image_id }} (Product featured image)
            • Headline with DC - {{ post.title }} (Product title)

Problem 1 is that I am struggling to get the products in the nested looper to be solely the products associated with the parent CPT.

Problem 2 is the one I hope may be possible:

I am trying to get the Grid’s Cell output onto two rows, but with the Cells going infinitelty to the right until all products are consumed.

Next, I am trying to get the Grid to scroll horizontally. To help you understand the concept I am attempting, take a look at Apple’s iPhone page and you will see several sections where the scrolling for that section is horizontal.

Any ideas will be gratefully received!

Thanks,
Christopher

Hello Christopher,

Thanks for writing to us.

To help you with your concern please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password
  • Exact page URL

You can find the Secure Note button at the bottom of your posts

Thanks

Please see SN.