Hi @amirrezarahmani ,
Indeed, we have received some reports about this issue before. Our plugin isn’t compatible with the product loop widget of the Elementor. It’s considered a special product listing but it doesn’t allow quick view to be triggered within that. Unfortunately, until now, we haven’t been able to solve this.
Best regards.
@amirrezarahmani @janilyn409 Pain!! Exactly what I was looking for. An option to place a quick view button inside an elementor loop. No workaround for this??? I thought I found the right plugin 😩
-
This reply was modified 7 months, 1 week ago by
ToTTi.
Hi @formgarten ,
Indeed, this should be a functionality for the Quick View plugin. However, our developers said that the product loop is not responding to the function of our plugin, so the Quick View cannot be triggered within that. It’s only possible to use Quick View on other traditional product listings.
Best regards.
@janilyn409 @amirrezarahmani
I don’t quite understand what the problem is. For example, when I look at the quick view text link , it looks like this:
<a href="?quick-view=xxx" class="woosq-btn woosq-btn-xxx woosq-btn-has-icon woosq-btn-text-icon" data-id="xxx" data-effect="mfp-3d-unfold" data-context="default" rel="nofollow">whatever here</a>
where XXX stands for the product ID. It must be possible, as in your shortcode example, to create a variable that we can place within Elementor for example with the HTML widget. I have installed a paid plugin for Elementor (Dynamic Shortcodes) and this does exactly that, that it generates dynamic variables for many post types, which you can then place wherever you want. My code then looks like this.
<a href="?quick-view={woo:ID}" class="woosq-btn woosq-btn-{woo:ID} woosq-btn-has-icon woosq-btn-text-icon" data-id="{woo:ID}" data-effect="mfp-3d-unfold" data-context="default" rel="nofollow">whatever here</a>
and that works with the Elementor Loop widget. It’s just very inconvenient that I have to install something extra to make this work. It would have been nice if yours supported this out of the box. Unfortunately, this only works to a limited extent with your nice wishlist plugin as there are two different stages here.
function dynamic_woosq_shortcode() {
if (!is_singular('product')) {
global $product;
if ($product) {
$product_id = $product->get_id();
return do_shortcode('[woosq id="' . $product_id . '"]');
}
}
return '';
}
add_shortcode('wh2_quick_view_btn', 'dynamic_woosq_shortcode');
Add this [wh2_quick_view_btn] inside your Elementor Loop Item and it will work.
@komron1994 Thank you for the shortcode. It works, but is there a way I can define the link’s output within the shortcode? By default, the link contains a span tag with text, which I’d rather not include, but I can’t hide it with CSS.
@formgarten Shortcode is just dynamically adding current product id within the Elementor loop. Output can be changed by WPC Quick View > Settings > Use Icon dropdown which has 4 options: Icon on the left, Icon on the right, Icon only, no. If text is not needed. Then simply Icon only setting should be set and then only icon will appear.
