Bug: Horizon theme product-card block closest product not working for app blocks

Online Store and Theme Development
, ,
1

There is a bug with the Horizon theme (v 1.0.1) where app blocks inside of the new blocks/product-card.liquid are receiving the wrong product, rather than the closest product displayed in the grid.

To reproduce this:

Add an app block that includes a “product” type setting inside of the Product card block. I’m using my Flair badges block to demonstrate this:

product-card
product-card652×526 21.9 KB

Verify the product card is set to “Closest product”:

product-card-closest
product-card-closest584×320 15.4 KB

Verify the app block is also set to “Closest product”:

flair-closest
flair-closest608×718 29.5 KB

The Flair app block is using block.settings.product to access the product, and in this case all grid items are being passed the first product “Ectoplasm 2.0” in this example:

product-grid
product-grid1574×924 121 KB

Thanks,
Tom

2

Hey Tom,

I know a couple bugs were addressed in the 1.0.2 version of Horizon, can you check if you’re still seeing this on the latest version of the theme?

3

Hi @Liam-Shopify,

I checked this on 1.0.2 and this is still the behavior.

Thanks,
Tom

4

Thanks - will flag this to the relevant team

5

Just to update, our team are investigating this - it does appear to be an issue on our side.

1 Like
6

Thanks for the update @Liam-Shopify - happy to hear the team is investigating this.

7

fyi - I tested this on the latest Horizon 1.0.3 and this bug is still not fixed.

9

Hi @burst

We’re working on a fix for this - will let you know once it’s been shipped.

1 Like