WP eStore and Lightbox Workaround « Tips and Tricks HQ Forum

Tips and Tricks HQ Forum » WP eStore Forum » WP eStore F.A.Q/Instructions

WP eStore and Lightbox Workaround

(16 posts) (6 voices)

Started 1 year ago by amin007
Latest reply from Techimproved
Possible Solutions (Related Topics):

Tags:

12 Next »

amin007
Key Master
WP eStore comes with a lightweight lightbox solution. Most of our customers prefer the lightweight solution as it means better page load performance.

If the default lightbox option that comes with eStore doesn't work on your site then try this method.

1. Uncheck the "Enable Lightbox effect on Images" option from the settings menu of the eStore plugin. This will turn off the lightbox effect that comes with eStore.

2. Install and activate the "Lightbox 2" plugin from here:

http://wordpress.org/extend/plugins/lightbox-2/

Now refresh the page where you have the fancy product displays and it will automatically use the new lightbox effect on the images.

More advanced tweaks if you are a developer

Alternatively, you can install another plugin or a custom script that can show the images from your page using a different lightbox effect that you like. WP eStore adds the following "rel" attribute to all the thumbnail images that it outputs:
```
rel="lightbox[product name]"
```
So any custom plugin or script that can work based on rel="lightbox" should work.
Posted 1 year ago #
MacDoodle
Member

amin thank you for posting this! I've been pulling my hair out trying to figure out how to fix my theme to work with the lightbox included with the eStore!!

You are are life saver!

Posted 1 year ago #
olivernat
Member

Hello, I tried this method as the first one was not working. Except it messes up the spacing on my main navigation?
Also, it makes the thumbnail image open in lightbox, but the other images do not appear?
The page in question is here
http://livingkitchenwellness.com/shop/

Many thanks!

Posted 1 year ago #
amin007
Key Master

Your theme seems to be the culprit (it is adding JQuery to the page in a wrong way). This is explained here:
http://www.tipsandtricks-hq.com/forum/topic/wrong-way-of-adding-jquery-library-to-wordpress-source-of-javascript-conflicts

I am referring to the following line of code in your theme's header:
<script type="text/javascript" src="http://livingkitchenwellness.com/wp-content/themes/qwertypress/js/jquery-1.3.2.min.js"></script>

Posted 1 year ago #
IlluminatorLady
Member

I just updated my eStore plugin and now the lightbox feature doesn't work. I've installed and activated the lightbox 2 plugin as described above and still no go.

Prior to this eStore upgrade only the first image in a page could be displayed with a lightbox (I was gonna get to that...). Now no images are displayed.

Any ideas? Should I just get your Lightbox Ultimate product to fix this?

Thanks again!
Lisa

Posted 10 months ago #
amin007
Key Master

I don't see anything from the lightbox-2 plugin on your products page:
http://www.heart-of-fire-illuminators.com/wp1/products/

Are you sure you have the lightbox 2 plugin activated?

Also, it looks like you didn't uncheck the "Enable Lightbox effect on Images" checkbox in eStore?

Please read the first post in this thread and apply the changes as instructed.

Posted 10 months ago #
IlluminatorLady
Member

Thank you but yes, I did try unchecking the "Enable Lightbox effect on Images" and activating the Lightbox 2 plugin, following the directions above, and it didn't work.
I just didn't leave it in that state because I was trying a lot of other things after that.

I have it set up like that now, have emptied all the caches and reloaded the product page and still no go.

Any suggestions to try?

Thank you!

Posted 10 months ago #
amin007
Key Master
Please open the "wp_eStore1.php" file and search for the following line of code:
```
wp_enqueue_script('jquery.lightbox',WP_ESTORE_LIB_URL.'/jquery.lightbox-0.5.pack.js');
```
Once you find it please delete that line then refresh everything and let me know if you see any difference.
Posted 10 months ago #
IlluminatorLady
Member

Did what you suggested and there was no difference.

I noticed there was some logic about being the admin or not so I logged out of WP and tried again and still no difference.

We seem to be in different time zones, I'll try to remember to check in with this tonight.

Thank you again.

Posted 10 months ago #
amin007
Key Master
You have a plugin or your own custom code that is including a very very old version of JQuery on top of the latest version that is already included on that page by WordPress. View the HTML source of your site and look for the following line:
```
<script type="text/javascript" src="http://heart-of-fire-illuminators.us1.list-manage.com/js/jquery-1.2.6.min.js"></script>
```
This post will explain why the above code is bad and dangerous (its creating a jquery conflict):
http://www.tipsandtricks-hq.com/forum/topic/wrong-way-of-adding-jquery-library-to-wordpress-source-of-javascript-conflicts

Find out the culprit that is adding jquery like that and remove it please (the lightbox should work after that).
Posted 9 months ago #

RSS feed for this topic

12 Next »

Reply »

You must log in to post.

WP eStore and Lightbox Workaround

More advanced tweaks if you are a developer

Reply »