WooCommerce product gallery and featured image

[Nate_Sheridan]

Hi,

I was able to follow this video to create a custom gallery:
https://www.youtube.com/watch?v=40Z5V7FBx4A&t=343s

And then followed this post to link that gallery to my WooCommerce Product page:

Setting up a woo product gallery

Howdy, see here: https://tumbletales.org/product/unisex-garment-dyed-t-shirt/ Im using your thumbnail gallery template. I have it kinda working, but im not sure which looper provider/consumer/dynamic content goes where, can you help me out please? Thanks.

However, {{dc:post:featured_image post="{{dc:looper:item}}"}} only pulls the gallery images and does not include the featured product image.

Is there a way to have the gallery pull both the product image/featured image and the product gallery images?

I appreciate that I could just add the featured image to the product gallery, but as I’m redesigning an existing shop, there are already hundreds of live products.

Thanks in advance.

[tristup]

Hi @Nate_Sheridan,

Thanks for reaching out.
In the given Dynamic Content tag {{dc:post:featured_image post="{{dc:looper:item}}"}} it’s not entirely clear what {{dc:looper:item}} is returning. Please make sure it returns the Post ID for which the Featured Image should be displayed.
For reference, passing the Post ID in the given code should return the Featured Image.

{{dc:post:featured_image post="1922"}}

Hope it helps.
Thanks

[Nate_Sheridan]

Thanks for the reply.

Here’s some more context: I have create a WooCommerce Single layout. I’m using {{dc:woocommerce:product_gallery_ids}} as the gallery’s looper provider, but this does not pull through the product image. Only the product gallery images.

Ideally I’d like the main slide to show the product image and for it to also appear in the slider image pagination.

[tristup]

Hi @Nate_Sheridan,

For {{dc:woocommerce:product_gallery_ids}}, it returns the images added under the gallery, and it is not possible to show the featured image with those. If you still want to do it, you can create your own custom looper method that returns the combination of featured image and gallery images.
I would suggest you go through the following thread on the custom looper.

Display All Child Pages-Looper Provider

Hi Florin, Thanks for reaching out. What you are trying to is not possible with the Current Page Children option of Looper provider, but you can use the Custom option and call a custom function which will return the Child pages of the current page and you will have the option to specify the Offset, so it will show all the post after skipping the number of posts specified. I have added the following code into my child page functions.php and mentioned the offset in the Looper Provider, and it w…

Sidebar menu to show child pages of parent

Hi @henrybag, Sorry for the confussion. It has been clear now that you want to show all the child pages of the parent page of the current page. What you are trying can be done using the Custom option and call a custom function which will return all the child pages of the parent page of the current page. I have added the following code into my child page functions.php and mentioned the offset in the Looper Provider, and it works fine for me. I would request you to add the following code into y…

Reading elements of a looper

Hi @striata, You can use the custom hook within your existing Looper Provider and pass the {{dc:term:id}} as a parameter to the custom hook function as shown in the screenshot. You need to change the function a little, you can find that change in the below code. [test-new-Content-Pro (78)] add_filter('cs_looper_custom_subcat', function($result, $args) { $term_id= $args['cat']; $trm=get_term( $term_id, 'category' ); return ['parent_cat'=>$trm->parent]; }, 10, 2); And then, you ne…

You can use the global Product object to call the get_image_id() and get_gallery_image_ids() and combine the values into a single array to return. If you are not proficient in this, I would suggest you hire a developer who can assist you to do the customization, or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

[Nate_Sheridan]

Thank you Tristup!

I was able to achive this with a bit of custom code. It’s great that I can create my own custom looper method that returns the combination.

Thank you so much for pointing me in the right direction.

[tristup]

Hi @Nate_Sheridan,

Glad that we are able to help you.

Thanks