Skip Navigation

[Resolved] Replace Field Separator Character with an Image

This support ticket is created 2 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.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 1 reply, has 2 voices.

Last updated by Minesh 2 years, 5 months ago.

Assisted by: Minesh.

Author
Posts
#2376715

I have a custom field that displays the results of a checklist on my page.

The field settings allow me to select a preferred separator symbol like a / or , when multiple items have been selected on my checklist. So, the front-side outlook might look like:
item one / item two / item 3
With the / being the selected separator.

On the development page, I get to the selector by...
Selecting the field, then Block (settings) > Field Settings > Separator between multiple values

Question: Can I replace the separator character with an image instead of a keyboard character? And if so, how?
I have tried imputing the URL of an image and that doesn't work.

Thank you. 🙂

#2376811

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Yes, its possible to display the image as separator but you have to add the field in bit different way.

Rather adding your field using repeating or single field block, you should try to add the "Fields and Text" block and then try to add your field using the shortcode within "Fields and Text" block, for example:

[types field='session-theme' separator='<img src="<em><u>hidden link</u></em>" />'][/types]

Where:
- replace 'session-theme' with your original field slug
- replace separator image src url.