Topic: Open Image Link in New Tab

waynewil
May 6, 2024 at 2:27 am

Hi,

I have a set of product images displayed in my right sidebar. The associated URLs are stored in an ACF custom field associated with post. I select these URLs as links via Link Source = Post Meta, Post Meta Field = the ACF field that stores the link. Everything works great, but I don’t see any option to open the links in a new tab.

How do I address this?

Wayne
Alvind
May 6, 2024 at 4:46 am

Hi there,

Can I see the page by any chance?
waynewil
May 6, 2024 at 5:58 am

Sure. Main page, right side: https://rjsilverauthor.com/

Alvind

May 6, 2024 at 6:21 am

Select the Image block in the Query Loop, then under Advanced > Additional CSS Class(es) add this:
img-open-new-tab

After that add this PHP snippet:

add_filter( 'render_block', function( $block_content, $block ) {
	if ( ! is_admin() && ! empty( $block['attrs']['className'] ) && strpos( $block['attrs']['className'], 'img-open-new-tab' ) !== false ) {
		$my_search = 'href="';
		$my_replace = 'target="_blank" href="';
		$new_content = str_replace( $my_search, $my_replace, $block_content );
		return $new_content;
	}
	return $block_content;
}, 10, 2 );

Adding PHP: https://docs.generatepress.com/article/adding-php/#code-snippets

waynewil
May 6, 2024 at 12:02 pm

Hi Alvind,

That worked. Thank you for your excellent support. That has been evident since Day 1.

Wayne
Alvind
May 6, 2024 at 4:52 pm

You’re welcome!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Open Image Link in New Tab