Skip Navigation

[Resolved] Possible? Product list left + Product information on the right Ajax load

This support ticket is created 6 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 1 reply, has 2 voices.

Last updated by Beda 6 years, 5 months ago.

Author
Posts
#911224

Hello,

I'd like to know if it's possible to achieve the following View :

I want to have a product list of a category on the left site and if I click on a product name I want to show product related content on the right side via Ajax load without reloading the page.

You can see it here: hidden link This is slider based. If possible I do not want to use a slider.

kind regards,
Lukas

#911373

This is possible with AJAX only if you create a Custom Search that updates a list of results.
The Custom Search settings in the View will allow you to let the user choose options (left side) and when clicked the results (right side) will be updated via AJAX.

But, this does not allow you to create a list of Post Titles to be clicked on.
Only Post Fields, Taxonomies and other data can use used in Custom Filters, but not post native data like the title, this is something that we are working on and will be implemented soon.

For now, the layout as you describe it would be possible, but not with AJAX.
You'd be able to build this only without AJAX but with a full page reload.

In this case you create 2 Views.
On View produces a list of Post Titles, linking to the same page as your View' is on, but passing an URL argument (the Post ID).
Then, you'll create another View, where you add a Query Filter listening to the URL argument (Post ID) that will return only the post which ID is set in the URL argument.
In the Loop of this View insert some Post Information you want to show.

Then, insert the first View to any page and with some HTML wrap it to the left (for example columns of Bootstrap can be used)
The other View you wrap to the right.

When you now click on a link in the left side View, it'll reload the page passing a Post ID in the URL argument.
Since the other (right) View listens to that argument it'll update it's loop and show only the Post with the ID passed.

But that is not working with AJAX.