Looper outputting items w/ line break. need 1 line with comma

[splaquet]

everything that I’ve tried outputs each item on a new line. what am I doing wrong?

{{ term.name }}
{{ dc.looper.field({'key':'name'})|join(', ') }}

[prakash_s]

Hello @splaquet,

Thanks for writing to us.

To help you with your concern, please share your details in a secure note. Please provide the following details

• WordPress Login URL

• Admin-level username and password

• Exact page URL

  You can find the Secure Note button at the bottom of your posts

  

  Thanks

[splaquet]

I’m trying to organize the output to use a comma delimiter.

I’m also trying to use that same Product list on the top in a Form filter.

[ruenel]

Hello @splaquet,

You cannot join the looper consumer output. Try using the prefab Terms Minimal instead.

Best Regards.

[splaquet]

thank you! I’d honestly never used the Terms element, so it didn’t even come to mind.

could you look at the Form sort/filter? I’ve followed the instructions on the videos, but can’t seem to get the filter working.

[ruenel]

Hello @splaquet,

You have set up the component incorrectly. You need to do the following:
1.) You should have “All” in the filter option

2.) You will have two Row elements, which would contain the All Team Members and the Row that will contain the filtered Team Members. This is possible by utilizing the Looper Provider Query Builder to display All Team Members, and another Row element will have the Looper Provider Query String, which we can connect to the filter above.

2 Row elements:

All Team Members:

Filtered Members:

The Looper Provider Query String is:
post_type=team-member&tax_query[0][taxonomy]=product&tax_query[0][field]=slug&tax_query[0][terms]={{ form.data({"key":"product"}) }}

Any taxonomy selected from the filter above will instruct the Looper to return only items that belongs to the term only.

The Row elements will be shown/hidden with the condition:
{{ form.data({"key":"product"}) | default('all') }} IS all

{{ form.data({"key":"product"}) | default('all') }} IS NOT all

Kindly check out the demo I have created in the page URL found in the secure note below.

Best Regards.