Shortcode visible on search results pages

Dear @infinitee ,

Thanks for the message!
Can we ask you to check if you have popups with those ID’s and make sure that the plugin is active indeed?
Looking ahead to hearing from you soon.

The plugin is active and working in other areas of the page and site. I have this shortcode on every product page and it works fine.

The only place it is publicly visible is on a search results page.

Popups working:
https://www.infinitee-designs.com/sites/infinitee-designs.com/files/popups-working.jpg

Dear @infinitee ,

Seems it could be theme related issue on the current page. The problem is that content is not getting through WordPress do_shortcode function and that’s why you see a shortcode instead of the Popup. So in this case we can suggest you a workaround like this: instead of the shortcode you can use a CSS Class to trigger on click popup:

Open On click /On hover/On load Popup via CSS class.

Please, give it a try and let us know if that helped.

I applied the span class code, set rule to All Products and event to CSS, dumped all caches and rebooted all services but there is no change.

Hi @infinitee,
Could you please try to set up:
Popup Display Rules -> Display rule -> Everywhere
https://prnt.sc/w9dal7
Otherwise if the popup data still unable to load on that particular page that means there is some invalid structure of the theme’s search.php and in this case you should follow this article.

• This reply was modified 3 years, 11 months ago by Sygnoos.

I don’t have anything close to this…
Popup Display Rules -> Display rule -> Everywhere.

I have:
All Popups, Categories, Add New, All Subscribers, Newsletter, Settings, Extend, and support.

HTML on Product page: <a href=”javascript:void(0)

<p>
<span class=”amp-on-off”> ? Size Chart</span>
 
 ? Color Samples
</p>

HTML on Search Results page: No javascript input

<p>[sg_popup id=”709″ event=”click”]<span class=”amp-on-off”> ? Size Chart</span>[/sg_popup]  ? Size Chart [sg_popup id=”10357″ event=”click”] ? Color Samples [/sg_popup]… Read More</p>

It appears to me that the HTML is getting sanitized on the search results pages?

Anyone have any ideas on how to rectify this?

Dear @infinitee ,

Thanks for getting back to us.
The issue will be solved, in case you will set the ”Everywhere” display rule.
It can be found inside the editing section of your popup.
Please, go to the ”All Popups” section and when finding the appropriate popup, click to ”Edit” button:
https://prnt.sc/wcw3y8
When the popup will be opened, please, scroll down a bit and you will see the Display Rules section.
Give it a try and let us know if that helped.

That made all of the popups automatically open when the search results page rendered. Interestingly, one of the shortcodes is displaying correctly nut not the others. I just launched the site a couple of days ago so you can test it for yourself. (I will be deleting the “Everywhere” rules soon).

https://www.infinitee-designs.com/t-shirts/

Search is in the upper right of the header. Try searching for Jimi Hendrix.

• This reply was modified 3 years, 11 months ago by Infinitee.
• This reply was modified 3 years, 11 months ago by Infinitee.

Okay, in an attempt to clarify things a little…

1. The Size Charts are HTML popups.

2. The Color Chart is a .jpg popup.

3. Both of the following methods work fine on the product pages, just not in search results renders.

Using shortcodes, shows the entire shortcode in search results:

[sg_popup id=709 event=”click”]???Size Chart[/sg_popup] [sg_popup id=10357 event=”click”]???Color Samples[/sg_popup]

Writing HTML links with sg-popup class’ works for the Color Chart popup that displays a jpg but the Size Chart popup with HTML displays the shortcode in search results:

<a href="https://www.infinitee-designs.com/t-shirts/womens-crew-neck-t-shirt-sizes-care/" target="_blank" rel="noopener noreferrer">?? Size Chart</a> <a href="https://www.infinitee-designs.com/t-shirts/wp-content/uploads/2020/04/color-samples.jpg" target="_blank" rel="noopener noreferrer">???Color Samples</a>

Happy New Year!

• This reply was modified 3 years, 10 months ago by Infinitee.

This one works on both the product pages and displays correctly in search results. The only downfall is that the Size Chart does not “popup” but opens the link in a new window.

<a class="sg-popup-id-709" href="https://www.infinitee-designs.com/t-shirts/womens-crew-neck-t-shirt-sizes-care/" target="_blank" rel="noopener noreferrer">?? Size Chart</a> <a class="sg-popup-id-10357" href="https://www.infinitee-designs.com/t-shirts/wp-content/uploads/2020/04/color-samples.jpg" target="_blank" rel="noopener noreferrer">???Color Samples</a>

Hello @infinitee,
There are multiple things that need to be checked to determine why the Size Chart does not “popup”.
1. Make sure that the popup with id 709 exists.
2. Check if you setup display rule to Everywhere for popup 709 https://prnt.sc/w9dal7
3. Check if the popup opening event is set OnClick https://prnt.sc/wfssjz

I guess there are some differences in configs between the popup 10357 and 709 and once you make the popup options the same the popup will be opened as expected.

Display rule to Everywhere and event on OnClick did the trick. Thanks for all your help!

Dear @infinitee ,

Thanks for letting us know.
As this support thread is marked as resolved, please, open a new one in case you will have any other issues.