Customize product list

Hi,
I would need to create pages containing lists of filtered products.

I would like to use these shortcodes
https://woocommerce.com/document/woocommerce-shortcodes/#products

I have given an example here
https://www.pollicinokids.it/test_prd/

however, I would like my custom list page to inherit the standard page components. (attached image)

How can I enter them? Will you take me a different path?

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

You would better use Product Grid/Carousel widget provided by WoodMart. You can show the products you wish and the Grid would inherit the styles of the theme.

You can find our manual here: https://xtemos.com/docs-topic/products-element-grid-or-carousel/

If you have any questions please feel free to contact us.

Best Regards

Thanks for the reply.
Even if everything is set to “inherit”, the filter, pagination and header with categories are not shown.

How can I do?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

The filter, title, and sortings are the functionality of Woocommerce and they appear on the Shop page or Product category page.

As soon as you configure the Woocommerce, the shop page would get this view automatically.

if you insert the Product Grid on a custom page, you need to create the title and filters with the builder widgets.

You can add the custom filters following this manual: https://xtemos.com/docs-topic/how-to-create-filters-form/

If you have any questions please feel free to contact us.

Best Regards

Hi, thanks for the reply.
I tried to insert the filters in the page following the guide but they are different (img1.jpg) from the standard ones of the theme (img2.jpg).
The problem remains that pagination does not work with “Product Grid / Carousel widget”.

I try to tell you our need, maybe there is an alternative way.

We would like to have pages identical to the current ones of the shop where, however, we can choose the articles to be displayed based on (they are or on tags and categories).

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Please confirm the permission for plugin deactivation, and switching to the parent theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Best Regards

Hello, in the private area the requested data.
the address I give you is from the staging site, you can do whatever you want.

Thanks

Hello,

This shortcode does not relate to our theme: https://gyazo.com/aac7c0f1259f22ba4185307c8ad62bc9

This is WoodMart widget: https://gyazo.com/f84899ca2bee3a83ac0b6de7c1e0062b

The element has these options for pagination: https://gyazo.com/377b41e08fda6750e5847c8bcee7d7d2

The filter functionality differs from Woocommerce – it does not have AJAX. You need to select all the criteria to launch the filter.

Best Regards

Hi, thanks for the reply.
The example page with your component is “Test_Prd2”. If we leave “inherit” your component it does not inherit the default pagination (img1.jpg). If we put “link” instead the pagination is inherited but the block with the commands is aligned to the left (img2.jpg) and is different from the standard one (img3.jpg). Also we would like to use the standard theme filters (img4.jpg).

Attachments:

You must be logged in to view attached files.

Hello,

When I try to edit the page in Elementor to check the settings, I see this message: https://gyazo.com/c90b40039e9d2b45fc5c4a976bc683cc

Please update all the plugins in the Dashboard > Plugins and confirm the permission to deactivate the plugins not related to the theme.

Best Regards

There are two ways to remove that message
1) First go to “Appearance/Aspetto” -> “Customize/Personalizza” and enter the password you find in the private data, then return to Elementor
or
2) disable the “Password Protected” plugin

We give you permission to disable as many plugins as you want

Hello,

I have checked and see the Product Grid inherits the styles configured in the Theme Settings: https://gyazo.com/c40db685a5d55361e910334651c6eba6

The filter work: https://gyazo.com/ed0d00a1e75d5c5e3f691e785c4a7b66

When you use the custom filter, the filter results would lead to default shop and category pages. Pagination works.

Best Regards

Hi, unfortunately I can’t explain myself

1) if I put the “Inherit” option it does not inherit the default pagination of the theme (img1.jpg); you can see it at this page https://www.pollicinokids.it/test_prd2/
2) if instead I put the “link” option the pagination is correct, but the alignment of the menu is on the left instead of on the right (img2.jpg) and the “filter” button is missing. This you can see at the page https://www.pollicinokids.it/test_prd3/. in all the other pages instead it behaves like this (img3.jpg)

Attachments:

You must be logged in to view attached files.

Hello,

The common WordPress page cannot have product archives the same as the shop page. The filter, title, and sortings are the functionality of Woocommerce and they appear on the Shop page or Product category page.

You can add the custom filters following this manual: https://xtemos.com/docs-topic/how-to-create-filters-form/ you can add a Product Grid widget to a common page, at the same time, the filter sorting results, and search results would lead to the functional pages of Woocommerce.

By default, the elements are aligned on left. The shop tools is aligned on the left as it has no items before. The filters are displayed by hook and this hook is not workable on the common page.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts