[solved] Creating popup window from an information page link

Quote

Post by webpie it. » Mon Apr 11, 2011 9:56 pm

Hi Guys

Using 1.4.9.3

Using my dummy store to learn how to do this.

If you click the"What Size Am I" Link a popup will appear with tabbed info inside, it looks good and I'm happy with it.

This is pulled in from an information page, shown below:

Code: Select all

<A HREF="javascript:void(0)"
onclick="window.open('http://domain.com/index.php?route=information/information&information_id=7',
'welcome','width=690,height=822')">
<p style="margin-top:5px; margin-bottom:5px; font-size:13px;
font-style:italic;">What size am I?</p></A>
What you will see is the info page appear in the box with the content, the tabbed content is what I want to appear not the rest of the body (header, footer etc...).

Is there a way to do this or is there a better way entirely?

I tried my best at this but not enough?

Thanks

Chris
Last edited by webpie it. on Mon Mar 05, 2012 3:23 am, edited 2 times in total.

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by Johnathan » Mon Apr 11, 2011 10:29 pm

You can use the jQuery .load() function to load a portion of a page. Take a look at the API documentation and examples here:

http://api.jquery.com/load/

Image Image Image Image Image

User avatar
Johnathan
Administrator
Posts
9196
Joined
Fri Dec 18, 2009 3:08 am
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 11, 2011 11:35 pm

Thanks for the link.

I have had a look, I sort of understand of what needs to be done just not the way to do it.
Had a read of this:

http://css.dzone.com/articles/jquery-lo ... m-other-pa
I understand that I need to define the information page in the jquery (the page where the info is coming from):

And that I need to define whereabouts on that page the info is coming from again(using the div that contains the info) that would be:

#content .middle

As the information is generated in this div.

I'm just stuck as how to write the ajax to call both when "what size am I?" is clicked.
Can someone guide me through as Jquery is a steep learning curve for me at the moment.

Much appreciate the support on here.

Chris
Last edited by webpie it. on Mon Mar 05, 2012 3:23 am, edited 1 time in total.

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 18, 2011 2:55 pm

Hi Guys

I really need some help or guidance on this issue, everything above is still very relevant at the moment to me.

I'm not joking when i say i have been through all 165 pages of extensions this weekend to try and find something that will work for me.

But no luck, on the other hand did find some modules that are great and should be in core, but thats another thing.

If someone could just have a look, it would be greatly appreciated.

Chris

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 18, 2011 2:55 pm

Hi Guys

I really need some help or guidance on this issue, everything above is still very relevant at the moment to me.

I'm not joking when i say i have been through all 165 pages of extensions this weekend to try and find something that will work for me.

But no luck, on the other hand did find some modules that are great and should be in core, but thats another thing.

If someone could just have a look, it would be greatly appreciated.

Chris

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by qahar » Mon Apr 18, 2011 8:59 pm

You can learn from "Privacy Policy" popup window at create account page.
What you need to do is add code bellow:

Code: Select all

<a class="thickbox" href="index.php?route=information/information/loadInfo&create=1" alt="<?php echo HTTP_SERVER . 'index.php?route=information/information&information_id=3'; ?>">
   <b>Privacy Policy</b>
</a>
Change the information_id=3 to information id you need
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 18, 2011 9:15 pm

Thnaks very much I missed that be done in the create an account area!

Ok so i have put the code:

Code: Select all

  <a class="thickbox" href="index.php?route=information/information/loadInfo&create=1" alt="<?php echo HTTP_SERVER . 'index.php?route=information/information&information_id=7'; ?>">
      <p style="margin-top:5px; margin-bottom:5px; font-size:13px;
font-style:italic;">What size am I?</p>
    </a>
I put some styling on the word, but now when you click the link even though i have replaced the id number with the right info page it still brings up the Privacy Policy, and i think the z-index is setup so the jquery zoom is on top of thickbox, can you have a look and tell me what you think?

Many thnaks

Chris
Last edited by webpie it. on Mon Mar 05, 2012 3:24 am, edited 1 time in total.

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 18, 2011 9:37 pm

UPDATE

Ok i found what was defining it going only to provacy policy:

Code: Select all

href="index.php?route=information/information/loadInfo&create=1"
when i change create to product terms and conditons shows up, i tried:

Code: Select all

href="index.php?route=information/information/loadInfo&info=1"
did not work, so just need to be able to define that page?

Any thoughts?

Thanks for your time

Chris

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by qahar » Mon Apr 18, 2011 10:00 pm

In post above, I just copy and paste the code. I was try something like this:

Code: Select all

href="index.php?route=information/information/loadInfo"
alt="<?php echo HTTP_SERVER . 'index.php?route=information/information&information_id=4'; ?>"
And it successfully load the Terms and Conditions.
In your case, remove &create=1 from the href.

And about the z-index, you can open thickbox.css and try to increasing the z-index (zoom z-index is 999).
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 18, 2011 10:14 pm

thnaks for the fast reply

my code currently looks like this:

Code: Select all

 <a class="thickbox" href="index.php?route=information/information/loadInfo" alt="<?php echo HTTP_SERVER . 'index.php?route=information/information&information_id=7'; ?>">
      <p style="margin-top:5px; margin-bottom:5px; font-size:13px;
font-style:italic;">What size am I?</p>
    </a>
after viewing your last post, and your right terms and conditions does appear, however i need the contents of

Code: Select all

index.php?route=information/information&information_id=7'
to appear in thickbox.

As to the z-index on thickbox.css i will do that!

Thanks

Chris

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 18, 2011 10:56 pm

Fixed the z-index, lowered the z-index in:

cloud-zoom.1.0.2.min.js

lowered the z-index on here! to 1999

then in thickbox.css

then increaed all thickbox z-index attributes higher than this!

That works now, thanks for the guidence but I still can't get What size am i? to appear in the box instead of terms and conditions?

Many thanks

Chris

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by qahar » Mon Apr 18, 2011 11:17 pm

My mistake not read the controller properly :P

Try this:

Code: Select all

<a class="thickbox" href="index.php?route=information/information/loadInfo&information_id=7" alt="Size information"><b>What size am I?</b></a>
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 18, 2011 11:23 pm

Thanks man, SOLVED, just got to figure out my dam jquery tab nav inside that but i'm not going to worry over you with that.

Mucha appreciated your help qahar

Chris

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: Creating a popup window from an information page link

Quote

Post by qahar » Mon Apr 18, 2011 11:29 pm

glad to know that :)
Don't forget to put [solved], it help other for the same issue.
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Creating a popup window from an information page link

Quote

Post by webpie it. » Mon Apr 18, 2011 11:32 pm

I put it above, but I'll put it again.

SOLVED

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: [solved] Creating popup window from an information page

Quote

Post by qahar » Mon Apr 18, 2011 11:42 pm

:laugh:
I mean on the title.. :)
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: [solved] Creating popup window from an information page

Quote

Post by webpie it. » Mon Apr 18, 2011 11:46 pm

Sorry my bad, i see it has been done

Thnaks

Regards

Chris

webpie it.
Active Member
Posts
380
Joined
Mon Jan 31, 2011 7:28 pm
Top

Re: [solved] Creating popup window from an information page

Quote

Post by PlusCybernet » Sun Mar 04, 2012 1:00 pm

I'm creating a info page and like to show it as popup window; I'm using OC 1.5.1.3;

Code: Select all

<a class="thickbox" href="index.php?route=information/information/info&information_id=3&iframe=true" alt="Know more...">Know more</a>
It's showing this in a normal page not popup window.
User avatar
PlusCybernet
Active Member
Posts
122
Joined
Sun Dec 25, 2011 12:01 pm
Top

Re: [solved] Creating popup window from an information page

Quote

Post by OpenCustomer » Sun Feb 07, 2016 6:36 pm

Hi,

I need to create a similar popup link to add my checkout page to give customers information about delivery. My OC 2.1.0.2 and couldn't locate the thickbox.css in the files. Can someone please give me an idea how to make a link to call an information page content as a popup window?

Thanks
User avatar
OpenCustomer
New member
Posts
53
Joined
Mon Oct 26, 2015 2:43 am
Top

Re: [solved] Creating popup window from an information page

Quote

Post by OSWorX » Sun Feb 07, 2016 9:48 pm

OpenCustomer wrote:Hi,

I need to create a similar popup link to add my checkout page to give customers information about delivery. My OC 2.1.0.2 and couldn't locate the thickbox.css in the files. Can someone please give me an idea how to make a link to call an information page content as a popup window?

Thanks
You can use this free module here Informationlinks as popup (modal)
or read the code from and adopt to what you need.

Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.

User avatar
OSWorX
Administrator
Posts
7883
Joined
Mon Jan 11, 2010 10:52 pm
Location - Austria
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 6 guests