How to mask custom field for ACF field – URL type?

Posted in: Newspaper
Post count: 24

Hi there,

Can you advice how can I mask the ACF field – URL type with an image or a standardized text eg. “Website” instead of displaying the full URL?
The tagdiv composer seems to be missing the above feature.

Thanks in advance,
yeeloon

Post count: 35449

Hi,
Can you please provide an example to be sure that we correctly understand the question? If you can provide some screenshots, those will help a lot.
Thank you!

Post count: 24

Hi again

Please see the attached screencap link for your reference:
https://prnt.sc/w-ohnhpi2WcV

Question:
1. How can I masked the current ACF Field to display a standardized text eg. “Click to view”? Right now it is displaying the full URL instead of a standardized text.

Is there a workaround for this?

Thanks,
yeeloon

Post count: 21065

Hello @yeeloon!

Yes. You can try with the inline text element: https://prnt.sc/4cFbDm8425jb

Thank you!

Post count: 24

Hi @Bettina

Nope, it still doesn’t work well. Please see attached screencap:
https://prnt.sc/Ype5GUUP5gtz

See the mouseover hyperlink at the bottom left.

This is the actual page: https://chup.my/places/tosca-italian-trattoria-doubletree-by-hilton-shah-alam-i-city/

The custom field is called “biz_website” and using this code:
test website
…. somehow it is not working as it supposed to be.

Any advice how to go about it?

Thanks!

Post count: 27744

Hi,

Please activate the tagdiv cloud library plugin.
You can use the element button and add the code there for the custom field like in this example https://i.imgur.com/ZGYBjfE.png you need to use {cf_nameoffield} -> https://i.imgur.com/F2ysuLA.png

Thank you!

Post count: 24

Hi Anamaria,

I am still encountering the same issue as before:

Screencap 1 – Custom fields created.
https://prnt.sc/1_nl4Jt0qLLr

Screencap 2 – Created a Button URL with the “biz_website” custom field.
https://prnt.sc/o-0h5w4Oz5kB

Screencap 3 – biz_website in the Edit post mode.
https://prnt.sc/rGi44ef3KF8a

Screencap 4 – when I mouseover to the URL, it shows the following URL:
https://chup.my/places/tosca-italian-trattoria-doubletree-by-hilton-shah-alam-i-city/%7Bbiz_website%7D. It doesn’t pick up the supposed biz_website URL which is: https://www.hilton.com/en/hotels/szbsadi-doubletree-shah-alam-i-city/

https://prnt.sc/khTsg0mNIe-G

Can you advice or do you need a test account login to check on theme on my site? Let me know.

Thanks,
yeeloon

Post count: 27744

Hi,

Add the custom field like this {cf_biz_websit}

Thank you!

Post count: 24

Hi Anamaria,

Thank you very much! Really appreciate it. You’re a saviour! Finally it works!

I didn’t know I need to include “cf_” in addition to the custom field’s name.

Cheers,
yeeloon

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.