Return to previous page

How to get a full Add to Cart Button on Hover (not only icon)

This topic has 4 replies, 3 voices, and was last updated 1 days, 2 hours ago ago by Luca Rossi

Massimiliano

Participant

January 8, 2025 at 11:59

Hello,
is it possible to get a full add to cat button on hover?
no only icon…I mean full button to the bottom, check attached file…
thanks

Files is visible for topic creator and
support staff only.

#429864 Copied Theme version: 9.4.6

3 Answers

Tony Rodriguez

Support staff

January 8, 2025 at 12:39

Hello, @Massimiliano,

Thank you so much for purchasing our theme and contacting our support center.

Could you kindly provide the URL of the page where you would like the full “Add to Cart” button text to appear on hover (instead of just the icon)? Additionally, please share your website’s WordPress admin access in the private content area so that we can review your settings in detail and assist you more effectively.

We look forward to your response.

Best regards,
The 8Theme Team

Content is visible for topic creator and
support staff only.

#429868 Copied

Massimiliano

Participant

January 8, 2025 at 12:47

on private are you have admin access…thanks

Content is visible for topic creator and
support staff only.

#429873 Copied
Luca Rossi

Support staff

January 8, 2025 at 16:06
Hi @Massimiliano,

It’s not possible with the current design.

But you can achieve like our screenshot by adding this custom CSS codes:
```
.etheme-product-grid-item .footer-inner {
    text-align: center;
}
.etheme-product-grid-item .footer-inner a.button {
    grid-column: span 5;
    border-radius: 0;
}

.etheme-product-grid-item .footer-inner a.xstore-wishlist {
    grid-column-start: 2;
}

.etheme-product-grid-item .footer-inner a.xstore-compare {
    grid-column-start: 3;
}

.etheme-product-grid-item .footer-inner span.show-quickly {
    grid-column-start: 4;
}
```
Hope it helps!

Files is visible for topic creator and
support staff only.
#429905 Copied
Viewing 4 results - 1 through 4 (of 4 total)