[Closed] Custom woocommerce product archive loop with toolset and elementor.

[Author]

Posts

[Himanshu Agarwal]

Hello,

Is this possible to customize woocommerce product loop with toolset in elementor.

We are using custom fields from toolset.

We need make woocommerce archive (loop) design and template in elementor.

In woocommerce archive (loop) we need to show custom fields value created by toolset. Also design that custom fields in elementor.

Please let us know if this possible. If yes then how.

Thank You

[Nigel]

Hi there

Have you tried this? Elementor templates offer dynamic sources for many of the modules, and you can specify custom fields from Types as a source.

But there is a known issue with Elementor (we are awaiting a fix from them, it is code that they maintain): https://toolset.com/errata/elementor-dynamic-sources-not-working-when-selecting-toolset-fields-as-source/

[Himanshu Agarwal]

Thank You Nigel.

But we need to modify Loop for woocommerce products like shop page category page.

We need every field can be modified like remove or placement.

In elementor have many templates but we can edit loop. Like we want to change placement of any field elementor does not give this option.

[Waqar]

Hi,

Nigel is on a holiday, so I'll be following up on this ticket.

The way Toolset WordPress Archives work, they can't be loaded from within a different content builder like Elementor.

This means that you have two options:

1. You can either assign the Toolset's WordPress Archive to the WooCommerce archives and use only that for editing (without Elementor). The loop and the loop item content, both, will be handled by Toolset.

OR

2. If you'd prefer to use the Elementor template for designing these archives, you can continue using it and the loop part will be handled by the Elementor.

Inside the template, you can use the dynamic source option in the Elementor widgets to show the data from Toolset fields (as Nigel recommended) or use the Toolset's shortcodes directly:

https://toolset.com/documentation/programmer-reference/views/views-shortcodes/
https://toolset.com/documentation/customizing-sites-using-php/functions/

regards,
Waqar

[Himanshu Agarwal]

If we needs to place a custom field in woocommerce loop (shop or category archive loop) via elementor for a product, then how we do this?

[Waqar]

Thanks for writing back.

In the WooCommerce loop within the Elementor environment, you can add a simple text/HTML widget and insert the required Toolset Types custom fields shortcode.

Suppose, you have a single line type custom field with slug "example-field". You can use its shortcode like this:
( ref: https://toolset.com/documentation/customizing-sites-using-php/functions/#textfield )

[types field="example-field"][/types]

[Himanshu Agarwal]

Thank you for reply.

But in elementor we do not have any option to place shortcode for loop items.

[Waqar]

Can you please share temporary admin login details along with the link to the archive page that you're editing with Elementor?

I'll be in a better position to suggest the next steps accordingly.

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.