Hello WPC Quick View Support Team,

I’m experiencing an issue with the Quick View popup on my WooCommerce shop. When I activate the Quick View for a product, an unwanted select2-selection element is displayed in the popup. This element seems to be related to a dropdown or select field, and it’s appearing in the spotlight view, which is distracting and unnecessary.

Here’s the HTML of the element that’s showing up:

<span class="select2-selection select2-selection--single" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-product_cat-container" role="combobox"> <span class="select2-selection__rendered" id="select2-product_cat-container" role="textbox" aria-readonly="true" title="Hobelwaren  (38)"> <span class="select2-selection__clear">×</span>Hobelwaren  (38) </span> <span class="select2-selection__arrow" role="presentation"> <b role="presentation"></b> </span> </span>Run HTML

Steps to Reproduce:

1. Go to the shop page: shop.schaerer-holz.ch.
2. Click on the Quick View button for any product.
3. Observe the select2-selection  element (Its the button beneath the yellow “Alle Produkte”) appearing in the popup.

What I’ve Tried:

• Added custom CSS to hide the element:

#woosq-popup .select2-selection--single {    display: none !important;    visibility: hidden !important;}

Environment:

• Theme: Astra
• Page Builder Elementor
• Plugin: WPC Smart Quick View for WooCommerce (Premium), V 4.1.6 
• WooCommerce Version: V 9.7.0 
• WordPress Version: V 6.7.2

Could you please help me resolve this issue? Is there a way to exclude or hide this element from the Quick View popup?

Thank you in advance for your assistance!

Hi Dustin

Thank you! This worked perfectly!

Best regards
Louvie