Hi,
We have issue with sidebar on our sale page. Sidebar at all pages are working great but at the sale page the sidebar is broken. The sidebar appears at the bottom of the page not on the left side of the page.
Looking on the HTML Structure "<aside class="x-sidebar left" role="complementary">" is not inside the "<div class="x-container max width main">"
You can see at below page:
https://www.hamroshringar.com/sale/
Hoping for the solution.
Thank you and best regards.
Hi Bibhash,
Thank you for reaching out to us. This usually happens when there is an invalid html code with orphaned or a missing a closing tag in the content, please check your page content and look out for a missing closing tag and close it.
If you still have problems then kindly get back to us with the URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.
Thanks!
Hi,
Thank you for your response. We have gone through the page but we did not find any invalid HTML code or missing a closing tag in the content.
So please see secure note for the access.
Hoping for the solution.
Thank you and best regards.
Hello Bibhash Karn,
It appears that your shortcode [sale_products columns="3" paginate="true" per_page="36"] is causing the issue. The generated pagination has a broken HTML output which will break the whole page. If you turn OFF the pagination like this [sale_products columns="3" paginate="false" per_page="36"], the page will not break.
Please check the page now.
Hi,
Thank you for your response. Thank you, on making pagination OFF the page is fixed and is as usual to other pages.
But one more thing, we have more products at sale, so we require pagination at the sale page too. Earlier it was working great but as we remember after the updates of WordPress or Theme or WooCommerce (actually we don’t remember which updates), we came across with this broken issue on sale page.
Also, we have used standard WooCommerce Shortcode at the sale page.
As we have many more product at the sale page is there any way to achieve pagination at the sales page too.
Hoping for the solution.
Thank you and best regards.
Hello Bibhash Karn,
When the pagination is turned OFF, the resulting HTML output structure looks like this:
And when it is turned ON, there are two extra closing </div> tag.
We can hack it by using this as your shortcode: <div><div>[sale_products columns="3" paginate="true" per_page="36"] so that the output will not break the page.
Kindly check your page now.
Hi,
Thank you for your response. It’s working great.
Thanks a lot once again for your kind help. Simple but great hack for this issue 
Thank you and best regards.
You are most welcome Bibhash!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
