[Resolved] adding a shortcode inside an html element

[Author]

Posts

[alanS3341]

Tell us what you are trying to do? add a shortcode inside an html element

Here is the html:

<!--Featured image-->
<div class="view overlay rounded z-depth-1">
<img src="hidden link" class="img-fluid" alt="Sample project image">
<a>
<div class="mask rgba-white-slight"></div>

</div>

I am trying to add this shortcode in place of the image url link using this:

[types field='member-image' title='%%TITLE%%' alt='%%ALT%%' size='full'][/types]

but it does not work...

<img src="[types field='member-image' title='%%TITLE%%' alt='%%ALT%%' size='full'][/types]" class="img-fluid" alt="Sample project image">

Is there any documentation that you are following? hidden link

Is there a similar example that we can see? hidden link

What is the link to your site? hidden link

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - what if you try to use the following code:

Types image shortcode offers the attribute url='true' that will return you the image URL:

<img src="[types field='member-image' title='%%TITLE%%' alt='%%ALT%%' size='full' url='true'][/types]" class="img-fluid" alt="Sample project image">

More info:
=> https://toolset.com/documentation/customizing-sites-using-php/functions/#image

[alanS3341]

Hi Minesh...

I tried this:

<!-- Card image -->
<div class="view overlay">
<img src="[types field='member-image' title='%%TITLE%%' alt='%%ALT%%' size='full' url='true'][/types]" class="img-fluid" alt="Sample project image">
<img class="card-img-top" src="[types field='member-image' title='%%TITLE%%' alt='%%ALT%%' size='full'][/types]" alt="Card image cap">
<a>
<div class="mask rgba-white-slight"></div>

</div>

Image attached.

[Minesh]

Well - it looks like the code is broken in the middle.

Can you please share problem URL and access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Can you please check now. I've adjusted the code as given under:

<img src="[types field='member-image' size='full' url='true'][/types]" class="img-fluid" alt="Sample project image">
    <img class="card-img-top" src="[types field='member-image' url='true' size='full'][/types]" alt="Card image cap">

I can see it's displaying the image:
-=> hidden link