Skip Navigation

[Resolved] Toolset Woo blocks not displaying in Archive loop on the front end

This support ticket is created 2 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 9 replies, has 3 voices.

Last updated by Jon Burr 2 years, 2 months ago.

Assisted by: Minesh.

Author
Posts
#2518959
Looks right in the editor.png
Missing Loop Parts.png

I am trying to:
Create a Toolset Archive Page for Woo products

Link to a page where the issue can be seen:
hidden link

I expected to see:
All post elements visible in the Editor

Instead, I got:
Only 2 blocks show - those in the left column of the Archive layout. The content in the right column is getting stripped, not showing in page code.

#2519673

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Jon

It's not clear what it is you have in the right column in terms of blocks and content.

I tried to access your site to take a look, but WordFence is resulting in "Your access to this site has been temporarily limited by the site owner"

Someone will try again later to see if it is possible to gain access.

#2519873
Dom for Archive.png
Looks right in the editor.png

Sorry about the access issues...I had to upgrade my hosting, and they did a local migration this AM.. that might have caused the issue - The login I sent in the private info in this thread should work for you now..
In the right side there are 2 blocks - Cart Message, and Product Tabs (visible in the Editor screenshot below, along with a screenshot of the DOM view of the Archive template.)
Both are showing up OK in the back end... just not making it into the front end.
?
Is there another way to do this? I wonder what's causing them to be filtered out on the front end?

#2520097

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Regarding the "Cart Message" block:
Add to cart message shortcode is not meant to be repeated for every item in the loop. It should only be displayed in a prominent position. It is best to place the shortcode before wpv-loop or before the beginning of any loop. The reason for this is because Add to cart message is not meant to be unique for every item.

Another important setting is that the "Cart Message" will not work with ajax. So, I navigate to WooCommerce -> Settings page, click the "Products" tab and then the "General" tab. There, uncheck the "Enable AJAX add to cart buttons on archives" option. This is needed because a page refresh is required for WooCommerce “Add to cart” message to work.

Once I've changed above settings, I've move the "Cart Message" block outside the archive loop as you can see with the following screenshot:
=> hidden link

Now when I click no "Add to cart" I can see the cart message : hidden link

Regarding the "Product Tabs" block:
- You can not add this block within the archive loop as it is mean to add the product tabs on single product post. You can add this block with the content template that displays the single product but not within the archive loop.

I'll contact the Doc team and will ask them to update this important information with blocks doc.

However its already available with the shortcodes doc:
Cart Message - https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#vf-154367
Product Tabs - https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#vf-154366
-

#2520319
Old page.jpg

Hi Minesh - thank you -
If I understand you, it's possible to add Product Tabs via shortcode, but not with the Toolset/Woo block?
If so, how do I do that? (it seems like there's a few ways) -
If not, is there some other way to get the content from the Woo product description tab into the Archive loop?
If so, would I use a Toolset Text and Fields block? Or a Code block?
My objective is to create a (responsive !) layout similar to this old page:
hidden link

#2520339

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

If not, is there some other way to get the content from the Woo product description tab into the Archive loop?
==>
you can use single field block and display the post boy or post excerpt to display the product description.

For now, I've added the post body using the single field block:
=> hidden link

#2520461

Thank you, Minesh! That works !

#2520483
second product breaks it.png
1 product.png

New Issue - The product archive is looking great, with one product active.
As soon as I publish another, it breaks the content display and some elements are hidden (or filtered).
Same page - the product archive:
hidden link
When the second product is activated, the audio preview and score preview button disappear.
Why is this happening? Is there a solution?
I might need to create new access credentials for you. Should I start a new ticket about this?

#2520701

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

This is a new issue and we entertain only one question per ticket. This will help other users searching on the forum as well as help us to write correct problem resolution summery.

I will follow-up with your new question with the following split ticket:
=> https://toolset.com/forums/topic/split-toolset-woo-blocks-not-displaying-in-archive-loop-on-the-front-end-archive-breaks/

You're welcome to close this ticket by adding some different message like "This is for now resolved" as it will not allow you to close the ticket with the same message.

#2521507

My issue is resolved now. Thank you!