Example markup of Image Choices with a Product Option field

gf-image-choices-product-option-field-example.html

<li id="field_x" class="gfield gfield_price gfield_price_x gfield_option_x image-choices-field image-choices-use-images image-choices-show-labels image-choices-layout-horizontal ">
	<label class="gfield_label">Field label</label>
	<div class="ginput_container ginput_container_checkbox">
		<ul class="gfield_checkbox" id="input_x">
			<li class="gchoice_x image-choices-choice">
				<input name="input_x" type="checkbox" value="Choice Label|1" checked="checked" id="choice_x">
				<label for="choice_x" id="label_x" price=" +$ 1.00">
					<span class="image-choices-choice-image-wrap" style="background-image: url(path/to/your/image);">
						<img src="path/to/your/image" class="image-choices-choice-image" alt="Choice Label">
					</span>
					<span class="image-choices-choice-text">Choice Label</span>
					<span class="image-choices-choice-price">
						<span class="ginput_price"> +$ 1.00</span>
					</span>
				</label>
			</li>
		</ul>
	</div>
</li>

thanks that works, i was doing a hacky way of doing it, i was doing.

add_filter( 'gform_field_choice_markup_pre_render', function ( $choice_markup, $choice, $field, $value ) {
    if ( $field->type == 'option' ) {
            $new_string = sprintf( '>%s', GFCommon::to_money( $choice['price'] ) );
            return str_replace( ">{$choice['text']}", $new_string, $choice_markup );
    }
    return $choice_markup;
}, 10, 4 );

in combination of hiding the .ginput_price { display:none;}