Product Block within the product page additional info section does not show variant dropdown

I have added some product blocks into the additional info section of one of my products, I am using this section to create add-ons. The product blocks are not displaying a variant dropdown on any of the products that have variants. You can see the variant dropdown in the old editor when setting it up on the back end but once you see it live the dropdown disappears.

This only happens to the product blocks that sit in the additional info section which uses the 7.0 editor and not on any of the product blocks that are on the 7.1 parts of the site.

My product variant display is set to buttons which I think is why the dropdown is not working on the product block under the additional info, but I want to keep the variant display as buttons so I'm wondering is there a way to code around this as I need people to be able to pick a variant on the product blocks as they are meant to be add ons and added to card from the product page. 

I have added screenshots.

Thanks so much.

My website is password protected if someone wants to take a look.

https://meadowandfernflowers.squarespace.com/

password is: backandforth

Hi Paul,

Thank you so much for this. Adding the code fixed the issue, I really appreciate your fast reply.

I have noticed another issue once being able to use the variant dropdown in the product block. When I selected a variant that has another photo connected to it the product block hides the image altogether. So It will show the thumbnail image for that product but as soon I select another variant of that product the images disappear, is there also a workaround for this issue? Thanks so much. Please see the screenshots attached.

5 hours ago, Nicolette said:

Adding the code fixed the issue, I really appreciate your fast reply.

You’re welcome.

5 hours ago, Nicolette said:

I have noticed another issue once being able to use the variant dropdown in the product block. When I selected a variant that has another photo connected to it the product block hides the image altogether.

Sadly, this is a known issue (see report). It was acknowledged by Squarespace in May 2023 but has yet to be fixed.

Thanks for updating me, ill keep me eye out for when they hopefully fix this issue.