The button to sort products in order has an arrow error
-
My oder by button on the product archive page after selecting an item to sort the products in, after loading, the arrow next to it is missing.
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL so I can check and give you a possible solution?
Best Regards
Please help me check, thank you very much
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
Please help me check
Best Regards.
Hello,
Please check it now after removing the browser cache or check the page in the Incognito browser.
Best Regards.
The website seems to have an error. After I selected the product arrangement box, when loading finished, everything around me disappeared like in the video. Please check and let me know what is the reason and help me fix it. If possible, can you guide me on how to handle it so I can have more experience
Thank you very much
Attachments:
You must be
logged in to view attached files.
Hello,
May be there is an issue with the 3rd party plugins. Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.
Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know so I will check and give you a possible solution.
Best Regards.
Currently, I only installed the woodmart theme and the plugins that come with the theme, but have not installed any third-party plugins. Please help me check the problem. If possible, please let me know the cause and how to fix it. That will help improve my problem solving skills.
Thank you very much.
Hello,
Unfortunately, in this situation, the animation from Elementor cannot function correctly. To resolve this issue, please use the animation from our theme located in [XTemos] Extra section.
https://monosnap.com/file/UwRxbg1fBltLi3lhppB7zc0O4tKB2i
With this option, everything will work as expected.
Best Regards.
Thank you very much, I did it. I still have one problem: I want every time I use the product sort button, only the products in the area I circled will have the effect, and the category only needs the effect when first entering the page, but when using the sort button I want it to stand still. Please guide me how to do it
Best Regards.
Attachments:
You must be
logged in to view attached files.
Hello,
Do you want to stop the animation after sort the products and want to only run the ajax and show the products?
Best Regards.
I don’t quite understand what you mean because I don’t know what the term ‘ajax’ means and how ‘run the ajax’ will work. Can you explain to me the meaning of ajax because I’m also wondering about it.
The way I want it to work is that when I enter the page, both the product category bar above and the products below will run the effects that I set in elementor, then if I use the option in the product sort button, only the products on the right of the sort button will run the effect, and the product category bar above will stay still.
Best Regards.
Attachments:
You must be
logged in to view attached files.
Hello,
Unfortunately, this cannot be done, as changing the sorting automatically triggers a page reload, causing the animation to restart. As for AJAX, it is our functionality designed for faster content loading. However, even in this case, a data refresh technically occurs, which also results in the animation being replayed.
Best Regards.
My oder by button on the product archive page after selecting an item to sort the products in, after loading, the arrow next to it is missing.
Please help me check this error, thank you very much.
Attachments:
You must be
logged in to view attached files.
Hello,
Add the following Custom JS code to the Theme Settings > Custom JS.
(function($) {
$(document).on('wdShopPageInit', function () {
document.dispatchEvent(new Event('elementor/lazyload/observe'));
});
})(jQuery);
Best Regards,
let me ask for the ‘Custom JS’ part can I name the code like in css for easy distinction. for example /* name of code for easy distinction */
Attachments:
You must be
logged in to view attached files.
Hello,
Yes! Just like in CSS, you can add a comment for easy distinction in Custom JS. However, in JavaScript, you need to use // for single-line comments or /* */ for multi-line comments
Best Regards,
Can you help me with an example and a screenshot so I can visualize it better? Thanks in advance.
Hello,
Please follow the guide here: https://www.w3schools.com/js/js_comments.asp
Best Regards,
.
