I hope this message finds you well!
I am writing to you today because I am looking to customize the WooCommerce Shop Page in my website that uses your xStore theme. I am using Elementor, WordPress, WooCommerce, and the xStore theme to build my website.
I would like to request your assistance to modify the Shop Page. I would like the sidebar to disappear whenever I click on one of the elements in the sidebar that leads to a page with product categories or sub-categories on mobile (max-width: 993px).
I would like the main focus of the page to be on the product list after clicking on a sidebar element.
Additionally, I would like to request that when the “Back” button with the CSS id #back-botton is clicked, the sidebar reappears.
I will leave you an example of a similar website that is built the way I want it. When you have selected a category or a sub-category of products in shop page, the sidebar menu practically disappears and only the products remain visible. When pressing the “Back” button, the list of product categories and sub-categories reappears. (this is available on mobile devices only).
https://www.synevo.ro/shop/ –> Example Website
https://evamedical.ro/servicii/analize-de-laborator/ –> Our Website
https://imgur.com/a/CgVXyda –> Screenshots with explanations
I believe that this customization would greatly improve the user experience for my customers and I would greatly appreciate your help in implementing this feature.
Thank you for your time and consideration. I look forward to hearing back from you soon.
Best regards,
Năstase Victor