Passing data in the URL to appear on page?

Advanced Development
1

Hey guys,

I am hoping if Treepl has the ability to do this:
https://docs.worldsecuresystems.com/user-manual/site-design/passing-data-in-the-url-string-to-pre-populate-information

Currently I have a basic form where the user selects a City from a dropdown. After they’ve made their selection, they click on Submit, the page refreshes or whatever. And then this options act as filters pretty much to then show a list of “Web App” items. (on another note, is it possible for the page to refresh onpage? e.g. some sort of ajax loading or inline loading so the page doesn’t entirely ‘refresh’ with liquid?)

My liquid is currently:
{% component source: “McDonalds”, layout: “”, collectionVariable: “mcdonalds”, type: “module” %}
{% for item in mcdonalds.items %}
{% if item.City == ‘Melbourne’ %}
{{item[‘Suburb’]}}
{% endif %}
{% endfor %}

Is there anyway to get their selection into the line so that it shows the correct list of web app items?
{% if item.City == ‘their selection’ %}

I was thinking of using the url passing like BC back in the day like:
www.mysite.com/test?city=Melbourne
Anyway I can achieve this?

Any help would be gladly appreciated!!!

1 Like
2

Hi @Khy
If you have the value in the URL you can get it this way
{{request.request_url.params.city}}

So something like

{% if item.City == request.request_url.params.city %}
{{item[‘Suburb’]}}
{% endif %}

2 Likes
3

There is a relevant example on the docs demo site https://docs.treepl.co/demo-custom-blog

In this example you can see that the tag, category, date links just add the relevant info to the url and then the section that starts with ```
{% if request.request_url.params.cat %}
does the filtering.

2 Likes
4

Hi @Khy
As per the comments above, there are several ways to go about this depending on your setup. So I just have some questions:

Is your form one that actually needs to be submitted (ie: add a contact to the CRM, send an autoresponders and/or workflow notification) or is it just a means for displaying the “WebApp” items?

How many WebApp items in total are there likely to be?

1 Like
5

Thank you so much guys this is extremely helpful to parse data using the url.

My top preference would be to have the page reload and display the results based on my selection without the page refreshing itself. (so not using the url passing solution) is there such a way to do this with liquid? or jquery?

thanks @Adam.Wilson it is really just a means to display the web app items. no CRM interaction. and there’s literally hundreds of “web app items”.

After they’ve made a selection and hit submit. from there i’ll be implementing https://codyhouse.co/demo/content-filter/index.html for them to filter down

I guess my real question is is it possible to keep reloading the if statement on button click and have the page “load” instead of refresh?

1 Like
6

For the page not to reload AND have the use of Liquid you’d need to use AJAX to fetch the new data from a page where your Liquid conditions are set up (again, passing the required parameters in the AJAX URL).

If you don’t want to play with AJAX, it might be feasible to load ALL of your items on the page initially (hidden) then use javascript/jQuery to filter the items you need based on user interaction.

You could also consider using the Custom Module search function (as that sounds almost like what you are doing) but process the results via AJAX. I believe this is possible.
@A3CS might have a snippet for AJAX search filtering?

1 Like