add_action( 'woocommerce_after_single_product_summary', function() {
if( ! function_exists( 'get_field' ) ) {
return;
}
$product_gallery = get_field( 'product_gallery' );
if( ! $product_gallery ) {
return;
}
$items = [];
foreach( $product_gallery as $item ) {
$items[] = sprintf(
'<li class="product"><a href="%s">%s</a></li>',
wp_get_attachment_image_url( $item['ID'], 'full' ),
wp_get_attachment_image( $item['ID'], 'woocommerce_thumbnail' )
);
}
printf(
'
<section class="up-sells upsells products">
<h2>View on tablesetting…</h2>
<ul class="products columns-4">%s</ul>
</section>
', implode( '', $items )
);
} );
Place ACF product gallery onto single products
Creates a new section on single product pages displaying an image gallery similar to up-sells. Uses an Advanced Custom Fields (ACF) Gallery field type.
How to use
PHP Code Snippets
- Log into a staging, development, or locally hosted clone of your site
- Install and activate Code Snippets
- WP Admin > Snippets > Add New
- Copy and paste the code from the Description tab above
- Check to ensure formatting came over properly and no syntax errors show up in the editor
- Customize the code as desired
- Add a meaningful title
- Select whether to run on front-end or back-end (or both)
- Click “Save and Activate”
- Test your site to ensure it works
- Disable if any problems, or recover
- Repeat for live environment
License
All code snippets are licensed GPLv2 (or later) matching WordPress licensing.
Disclaimer of warranty:
Except when otherwise stated in writing the copyright holders and/or other parties provide the program as-is without warranty of any kind, either expressed or implied, including, but not limited to, the implied warranties of merchantability and fitness for a particular purpose.
Support
- Describe the issue and what you’ve observed.
- Describe your expected outcome(s).
- List steps to reproduce the issue.
- Optionally provide screen-shot or video URLs.
