NO BUG: Woocommerce single page template setting not displaying on frontend

The woocommerce single page preview is not working even when the template preview setting are set, I have tried various configurations and noting works.

The link below is the frontend editor screen.

this link is the teplate preview settings, as you can see I have tired both, and no luck with either setting.

Please can you assist in resolving this issue, as it it extremely frustrating developing without a visual representation.

Hi Gary,
Thanks so much for your report!

As far as I can tell from the screenshots, you’re currently editing a template that should apply to the shop page. Also, you set the shop page (the one whose content you are currently editing) in the populate content settings, which doesn’t make sense since everything you add in the template gets added to the page.

The fundamental problem is that you use elements such as product stock, product description, product price, product rating, … All these elements will work fine in the single product template. However, they will only work on the shop page/a product archive if they are in a product loop.

Insert the “products” element instead of the individual elements, or activate the loop on the div/block in which the elements are located and set the post type to products. You will surely see your products/the product information show up without any “populate content” setting.

Please check out the WooCommerce articles in the Bricks Academy, too: WooCommerce – Bricks Academy

Best regards,
timmse

I am currently editing a WooCommerce single product page template.

:pushpin: Issue 1:
When using the settings shown here: Screenshot, the product page displays correctly in the frontend when the product view is selected, as shown in this image: Screenshot.

However, the elements do not appear in the editor: Screenshot.

:pushpin: Issue 2:
When I apply a query loop, as you suggested, the elements show up in the editor (except for product variations and the quantity selector). But in the frontend, the product view is incorrect: Screenshot, Frontend view.

I have followed all the recommended settings, yet Bricks suggests modifying the preview settings, while you recommend using a query loop.

Can you clarify why Bricks recommends adjusting the preview settings, whereas your suggestion is to use a query loop? And how can I get both the correct frontend display and full editor visibility?

Thanks!

Hi Gary,
You are editing a single product template (screenshot 1) but populating content from the shop page (screenshot 3). Choose a product in populate content instead.

there are no products to choose from avalaible in the populate content, and I have gone through all of them. Am I missing a step?

You can search for it:

here is a screen shot of the choices I have. no products are shown

apologies, I have to type the product in the search for it to show up. Let me see if that helps
Thank you for your help

I needed to type the product in the search for it to show, Thank you, you are a star!!!