Return to previous page

Different versions of Quick View buttons between Mobile and Desktop/Tablet versions

This topic has 2 replies, 2 voices, and was last updated 3 months, 4 weeks ago ago by Tony Rodriguez

Safe Desires

Participant

August 23, 2024 at 20:04

It makes sense to have the “Quick View” button appear if I hover the mouse pointer over a product image. On the mobile version, the white background button always appears, covers important parts of the product image, and looks awkward with my white background website.

Are the following alternatives available?
1) Leave the Desktop quick view the way it is, but change the mobile quick view back to the icon
2) Change the transparency/and or background color of the button?

Please, contact administrator
for this information.

#411413 Copied Theme version: 9.3.17

1 Answer
Tony Rodriguez

Support staff

August 24, 2024 at 08:42
Hello, @Safe Desires,

Thank you for contacting us and for using XStore.

We would like to inform you that you can modify the design type for your products by navigating to the following path in your website’s admin panel:

XStore > Theme Options > WooCommerce > Shop > Product Design

This adjustment is applicable for both desktop and mobile devices.

1/ We regret to inform you that it is not possible to fulfill your request at this moment as it requires additional code customization.

Please post your request on our Taskboard at https://www.8theme.com/taskboard/ -If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.

We appreciate your understanding and patience in this matter.

2/ You can change the transparency and or background color of the button on a mobile device, Please add the next custom CSS code in XStore > Theme options > Theme custom CSS > Global CSS.
```
@media only screen and (max-width: 768px) {
.product-view-default .footer-product .show-quickly {
    opacity: 0.5 !important;
    color: white !important;
    background-color: blue !important;
}
}
```
We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
8Theme’s Team
#411443 Copied
Tagged: adaptive quick view buttons, mobile vs desktop woocommerce, quick view button variations, responsive quick view buttons, woocommerce themes quick view, wordpress woocommerce button versions
Viewing 2 results - 1 through 2 (of 2 total)