Replace radion button selections with images

Hi Emily,

Could you send over a link so we can see an example?
Also include site login information so we can take a look at the settings.

Is this a custom field, and you are talking about the display of that field on the detail page?

We can see if we can find a CSS solution for it if you can show us where to look.

“WordPress Credentials
WP Admin Login URL:
WP Admin Username:
WP Admin Password:

FTP is optional, but can be very helpful
FTP Credentials
FTP Host:
FTP Port:
FTP User:
FTP Password:

Thanks!

OK, let us know.

Hello,

give this snippet a try:

// NOTE: change "geodir_Radio_Test" to your field name
function _gd_custom_radio_output( $html, $location, $cf ) {
	global $post;

	if ( ! is_array( $cf ) && $cf != '' ) {
		$cf = geodir_get_field_infoby( 'htmlvar_name', $cf, $post->post_type );
	}
	if ( empty( $cf ) ) {
		return NULL;
	}

	$html_var = $cf['htmlvar_name'];

	if ( ! empty( $post ) && in_array( $html_var, array_keys( (array) $post ) ) ) {
		$value = $post->{$html_var};

		$image = '';
		if ( $value == '1' ) {
			$image = 'http://mysite.com/images1.jpg';
		} else if ( $value == '2' ) {
			$image = 'http://mysite.com/images2.jpg';
		}
			
		$field_icon = geodir_field_icon_proccess( $cf );
		if ( strpos( $field_icon, 'http' ) !== false ) {
			$field_icon_af = '';
		} elseif ( $field_icon == '' ) {
			$field_icon_af = '';
		} else {
			$field_icon_af = $field_icon;
			$field_icon = '';
		}

		if ( $image != '' ) {
			$html = '<div class="geodir_more_info  ' . $cf['css_class'] . ' ' . $cf['htmlvar_name'] . '" style="clear:both;"><span class="geodir-i-checkbox" style="' . $field_icon . '">' . $field_icon_af;
			$html .= (trim($cf['site_title'])) ? __($cf['site_title'], 'geodirectory') . ': ' : '';
            $html .= '</span><img src="' . $image . '" style="width:16px;"></div>';
		} else {
			$html = '<div style="display:none">'.$value.'</div>';
		}
	}

    return $html;
}
add_filter( 'geodir_custom_field_output_radio_var_geodir_Radio_Test', '_gd_custom_radio_output', 10, 3 );

Let us know how it goes 🙂

The site is looking great, btw! Looking forward to seeing it in the showcase!

https://wpgeodirectory.com/category/showcase/