How to configure the Quick View pop up display window

Hi,

Click Earrings from the Home Page header menu, you will come to the product grid. On the product grid, once you click on the quick view of a product, a pop up window will display on desktop. The Add to Cart and Buy Now button needs to have 4px round radius and the Buy Now button currently has a black border which needs to to be removed. Also, if you pick a product with color variants (two dots) below its name from the product grid and open its Quick View, you will see color swatches on the pop up display window. If you click on one of the color swatches, then it loads up the product page. How to set it to open a new page for that product instead of replacing the old one, because a user may want to stay on the old page to check out the other variant which was not clicked.

Attachments:

You must be logged in to view attached files.

Hi hey3212,

Thanks for reaching to us.

1. Buy Now

Please use below CSS codes:

.product-quick-view .wd-buy-now-btn{
    border: 0;
}

2. Round corners

Please use below CSS codes:

.product-quick-view form button{
    border-radius: 4px;
}

3. Open new tab

Unfortunately, it requires customization and out of our basic support. Thanks for understanding our limitations.

Best Regards,

Thank you. The codes worked. how to remove “Category: Earrings” on the same pop up? Also, please help remove the border of the cart page, “Proceed to Check out” button. You come to this page by adding any item into the cart, and then click on View Cart button at the bottom of the flyout menu, and then the Cart page will load up.

Attachments:

You must be logged in to view attached files.

Hi hey3212,

1. Categories

Please use below code:

.product-quick-view .product_meta>span.posted_in {
    display: none;
}

2. Proceed to Checkout

Please edit via Yellow Pencil and remove the border https://ibb.co/fd3jk0gv

Regards,

Excellent. Both have worked. Thanks.

[Author]

Posts