Smart Button – Text Change on Hover | Voters

Smart Button – Text Change on Hover

Tatjana Reitsakas

Can you create such a smart button on the collection page - text change on hover, for example, shows ‘Shop’ normally and changes to ‘Select size’ on hover? When selecting ‘Select size’, is it possible that it opens a new window showing either the shopping bag or the product page.

A week ago

Tatjana Reitsakas

Hi Anna,
Thank you for your respond.
In our case – for bed linen – we cannot offer size options directly, as they may vary in length. However, for bathrobes, we can. For example, with bed linen, it could work like this:
SELECT SIZE -> hover: VIEW PRODUCT, then it opens the product page.
For bathrobes, should be variant where sizes are visible: SELECT SIZE -> hover: S, M, L, XL, etc. selecting a size should add the product to the cart. 
The button could have multiple functions, which you are already using in your app.
The website example: https://softgoat.com/eu/ https://en.fromfuture.com/collections/nouvelles-pieces

Anna Nguyen

Tatjana Reitsakas: Thanks for the detail. I will check this with my team and get back to you later :)

Anna Nguyen

Thanks for your request! I just want to clarify a couple of points:

When you mention “Select size”, do you mean the product variant size option (e.g., S, M, L, etc.)?
If possible, could you share an example website that already has this kind of button/behavior? That would help us understand exactly how you’d like it to work.

Once we have these details, we can check and let you know the best solution.