On the product details, when I hover, I get an ‘add to cart’ button appearing - how is that implemented? I’ve tried looking.
In the Layout Builder there’s a “Add to Cart Button” element that is based on a button, but has all the right attributes preconfigured. You can get a similar hover effect by doing this:
- Inspect the button and navigate to Effects
- Set the base opacity to zero and turn on Interaction. Now when you hover on the button it will appear
- In the Inspector Breadcrumbs click Product to start inspecting the Column element that holds all these design elements.
- Under Effects, you can turn on “Link Child Interactions” which will cause hovering anywhere on the column to reveal the button.
1 Like