[Resolved] Can I pass a taxonomy term to a CRED form via a URL parameter?

[Author]

Posts

[aaronM-9]

I'm trying to pre-populate a CRED form using URL parameters. So far, I've been able to pre-populate all forms except for taxonomies. I've tried using the slug as well as the term name. Is this something that can be done?

In the referring page:

<p align="center"><a href="/?private-page=products/add-a-marketplace-listing&param-ad-type=Seeking&param-productid=[wpv-post-id]&param-category=[wpv-post-taxonomy type="product-category" format="slug"]&param-subject=[wpv-post-taxonomy type="subject" format="slug"]">BUTTON IN SEARCH OF</a></p>

In the CRED form:

	<div class="form-group">
		<label>Type of Item</label>
		[cred_field field='product-category' display='select' single_select='true' urlparam='param-category' output='bootstrap']
	</div>

	<div class="form-group">
      <label>Subject</label>
		[cred_field field='subject' display='select' single_select='true' urlparam='param-subject' output='bootstrap']
	</div>

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - I checked with my local test install and url param is not supported with taxonomy fields. But there is a workaround. Please note the the taxonomy dropdown options have term ID as the value so you should pass the term ID instead of term slug.

You can add custom JS code to your CRED form's JS box and try to catch the URL param for your taxonomy fields and set the selected option using jQuery/javascript.

Following link may help you - how you can extract the url param:
https://stackoverflow.com/questions/19491336/get-url-parameter-jquery-or-how-to-get-query-string-values-in-js

And after getting URL param value - you should set the selected term.

[aaronM-9]

Thanks. I've set the code as follows:

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};
var tech = getUrlParameter('param-category');
var blog = getUrlParameter('param-subject');

Would you be able to tell me how I now set the CRED field's value using the parameter that's been fetched? Many thanks!

[aaronM-9]

Also (sorry for two posts) how do you insert the Term ID instead of the slug or name? The only options I see when inserting the shortcode via the GUI are attached. Do I need to create some custom code to insert the Term ID into the layout? Thanks again.

- Aaron

[Luo Yang]

Dear Aaron,

Minesh isn't available, I will take care of this thread.

I suggest you try these:
1) Pass term name as the URL parameter, for example:

<a href="http:/some-URL/?param-subject=[wpv-post-taxonomy type="subject" format="name"]">BUTTON IN SEARCH OF</a></p>

https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-taxonomy

2) In CRED form, use below JS codes to setup the default value in CRED field:

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;
 
    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');
 
        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};
var subject = getUrlParameter('param-subject');

jQuery('select[name="subject[]"]').find("option:contains('" + subject + "')").attr('selected', 'selected');

[aaronM-9]

Awesome! Works like a charm. Thanks again for your help.