Share via E-Mail
Share on Twitter
Share on Facebook
E-junkie Blog
E-junkie FaceBook Page
E-junkie @ Twitter

E-junkie Ecommerce Forums » E-junkie Discussions

Tag Cloud for this topic:

Creating a popup lightbox effect like the EJ Cart



SpeakMoreClearly
member
Posts: 32


I want to create a popup lightbox effect like the EJ Cart. There are several scripts on the web that I could possibly use, however since the JS for the cart is already loaded, is there a way I can use that.

That is, can I create a link to a web page that pops up just like the EJ cart using the code from EJ rather that add more JS to my page.


#
POSTED ON: June 20, 2010 @ 16:03 GMT -7




E-junkieNinja
E-Junkie Crew
Posts: 753


Sorry for the delay in responding to your post. First, I do want to warn you this is not something we officially support. By looking at the code this should work but you will need to try it. The code you will want to use is:

EJEJC_show(URL, 'i', false);

The URL above is the URL you want to appear in the light box. It cannot point to an image, it must point to an actual web page.


#
POSTED ON: June 23, 2010 @ 14:27 GMT -7




E-junkieGuru
E-Junkie Crew
Posts: 4354


To give a more complete example of how to implement this, the following HTML code would create a link in your page that displays the URL http://www.yoursite.com/page.html in the cart's lightbox overlay:

<a href="javascript:EJEJC_show('http://www.yoursite.com/page.html', 'i', false);">Link text here</a>


#
POSTED ON: June 23, 2010 @ 14:39 GMT -7




SpeakMoreClearly
member
Posts: 32


Just tried it. Really nice. Worked first time.

the windows seems to be fixed in size, is this correct or is there a way to specify that?


#
POSTED ON: June 23, 2010 @ 14:44 GMT -7




E-junkieGuru
E-Junkie Crew
Posts: 4354


You can use cart customization to override the cart overlay's default size with a fixed height/width of your choosing:
http://www.e-junkie.com/ej/help.custom-cart.htm

E.g., this would go just before the "// -->" line in the standard View Cart code you obtained from Seller Admin:

function EJEJC_config() {
EJEJC_WIDTH = 1000;
EJEJC_HEIGHT = 600;
}

If you are already using function EJEJC_config for other customizations, just add the lines above which are missing from your code.


#
POSTED ON: June 23, 2010 @ 19:29 GMT -7




larryp7639
member
Posts: 1


Thanks you for the post.
Hi guys, Im a newbie. Nice to join this forum.

_______________
http://moviesonlinefree.biz


#
POSTED ON: June 24, 2010 @ 21:31 GMT -7
MODIFIED ON: June 24, 2010 @ 21:33 GMT -7


You must be logged in to make a post. Please click here to login.

30 Day Money Back Guarantee
PayPal Certified Integration
Google Checkout Certified Integration
Slam the Online Scam