Return to previous page

How to activate Product Quick View from a blog page text link

This topic has 8 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

kybalio

Participant

July 3, 2017 at 10:30

I would like to activate the Quick View popup from a text or image link in a blog page on the same woopress website. I have all the same css loaded as a product page but am unable to activate the Quick View popup using the below span class which I took off a products hoping it may invoke the Quick View of product 5509, have you any suggestions please?

<span class=”show-quickly” data-prodid=”5509″>Algae DHA Quick View</span>

Here’s the Quick View for context

Many thanks for your support..

#166910 Copied

7 Answers

Rose Tyler

Support staff

July 4, 2017 at 09:01

Hello,

It works fine when I try to add this code <span class="show-quickly" data-prodid="5509">Algae DHA Quick View</span> in content of blog post via console on your site http://prntscr.com/frebwe https://prnt.sc/frecel

Regards,
Rose Tyler.

#167001 Copied

kybalio

Participant

July 5, 2017 at 03:20

Thanks Rose, yes you’re right , it does seem to work on that page and this test I’ve added below:

however, the page which I really need it to work is this one with a menu I’m implementing, there seems to be a jquery conflict, I have a few this script and when i disable them the show quickly works, i have read that it’s an issue with the etheme.js and you were fixing it last year?

This is a members login page , you will see the show quickly link but at the moment it doesn’t work..
http://werone.co/eng/biohackit_login

The script that is conflicting is in the header for some menus i am using elsewhere, but I’ve tried many versions and the same problem:
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js”></script>

If you pull this script out of the header using my header plugin, the page below will start working for the show quickly popup on the login page:
http://werone.co/eng/wp-admin/options-general.php?page=insert-headers-and-footers

Do you have any ideas?

Many Thanks in Advance

#167076 Copied

Rose Tyler

Support staff

July 5, 2017 at 13:58

Hello,

I’ve removed this line http://prntscr.com/frx98w because jquery already included by WordPress.

Regards,
Rose Tyler.

#167132 Copied

kybalio

Participant

July 6, 2017 at 09:08

Thanks Rose, that appears to fix the login page, however my main focus is the other page I mentioned with the menus.

http://werone.co/eng/biohackit_the_best_biohack_tool_yet-2-2-2-2-5

You can see them here: If you click on Concerns, then the various illnesses you will notice a menu appears and a map, this is achieved using the jquery script which is in the header.

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js”></script>

If you remove that script, the menu breaks, but the Quick Show then works, so there is a conflict between the two requirements, I need the menu to work and would like the quick show too
If you have jquery loaded in the theme, where is the script that calls it?, I can’t see any jquery in the source code of the theme’s served pages, but i can see some jquery files on the woopress /js folder.

How can I get the two requirements to co-exist?

Many thanks for your support!

#167208 Copied

Rose Tyler

Support staff

July 6, 2017 at 12:54

Hello,

We do not load jquery in the theme. WordPress load this jquery.
Also, you load old version http://prntscr.com/fsc2wh and this scripts can’t work together correctly.

Regards,
Rose Tyler.

#167224 Copied

kybalio

Participant

July 7, 2017 at 08:26

Thanks Rose, I’m experimenting with the scripts, i used 1.4, 1.7 and now have loaded
https://code.jquery.com/jquery-3.2.1.min.js , my menus work but not the show quickly.

if jquery is loaded into wordpress already, why does it not provide the jquery functions to make things like this work? I understand that jquery in WP is 3.2.1

have you any ideas?

Many thanks

Kybalio

#167299 Copied

Rose Tyler

Support staff

July 7, 2017 at 08:54

Hello,

You need include scripts of your menu after jquery include.

Regards,
Rose Tyler.

#167303 Copied
Viewing 8 results - 1 through 8 (of 8 total)