Ajax reload content without page refresh

[PaulTT]

Basically I want a menu like this in My account for the logged user.

 

I want to reload only the content from the right column, without refreshing the entire page.

 

 See attachement.

[Prestachamps]

Hi,

for reloading only the content part you could create ajax request for the url of the specific item, and add at the url the "?content_only=1" . This will return you only the content of that page.

Regards, Leo

[PaulTT]

Could you post a simple example / steps ? Thanks

[Prestachamps]

Hi,

since this is an old post,are you still interested to get the answer? if yes, then would you mind posting the URL of your shop(or PS version at least), so I can give you the exact code?

Regards, Leo

[PaulTT]

Hi,

I'm not interested anymore, I just wanted an example, not the exact code : )

[Prestachamps]

Hi,

I will answer, so anybody who will search for this issue to be able to find an answer :

First you will have to create a div to the right of your menu in my-account page, where the ajax result will be displayed, let's call that <div class="myaccount_results"></div>

Then create different onclick events for every menu-item from the left.They should have execution code like this: for the addresses link, the JS code will be :

$.ajax({ url: "http://www.yourdomain.com/address?content_only=1" }) .done(function( data ) { $('.myaccount_results').html(data); });

After implementing this don't forget to remove the links (href="xxxx") from the menu-items, or use event.preventDefault()  / event.stopPropagation() to prevent the redirections of the menuitems.

 

Regards, Leo