WooCommerce Product Page

Support
#1

Hello I’m having some trouble customizing the product page. I used ACF Pro to create a fieldset containing four images and would like to place them underneath the product summary and image gallery, but above the product tabs (which i noticed themeco has customized). I would like the images in a fullwidth row.

I’ve been digging through the code but i’m not sure exactly what action i should use to insert the block of code with the images. I’m also not sure what are the classes i need to use to stay within the Pro containers and sections.

Any help would be greatly appreciated

Rams

#2

Hi there,

Thanks for writing in.

You may add this code to your child theme’s functions.php

add_action('woocommerce_after_single_product_summary', 'acf_product_images', -99999);

function acf_product_images () { ?>
<img src="<?php echo get_field('product_image_1'); ?>" >
<img src="<?php echo get_field('product_image_2'); ?>" >
<img src="<?php echo get_field('product_image_3'); ?>" >
<img src="<?php echo get_field('product_image_4'); ?>" >
<?php }

You just need to change the field names with your own field names.

Thanks!

#3

Awesome, this worked perfectly… Thanks for all the help!

#4

Hey,

You are welcome!