Shop page sidebar not appearing or functioning properly

Hi,

Several weeks ago you helped me create some special functionality for my custom product taxonomy – Brands. Since updating to v3.8 of your theme, the breadcrumbs and page title are still working, but the shop page sidebar on the left no longer appears on individual brand pages.

Issues:
1. Brand pages are missing shop page left sidebar. ( ex. http://jacobands.staging.wpengine.com/brand/malin-goetz/)

2. Pages that use WooCommerce shortcodes, like featured products or latest products, do have a shop page sidebar showing up, but only the product categories widget is displaying, NOT the price filter, sort by filter or active filter widgets. (http://jacobands.staging.wpengine.com/cult-favourites/) & (http://jacobands.staging.wpengine.com/new-arrivals/)

3. This last issue requires some lengthy explanation: on regular shop pages (product categories etc) let’s say you go to this URL (http://jacobands.staging.wpengine.com/product-category/hair-care/) then a sub-cat like Shampoo, then on the shop sidebar under the Sort By widget click the Price: Low to High sort link. You should then get a page which has no styling and looks totally broken. Here’s the URL (http://jacobands.staging.wpengine.com/product-category/bath-body/body-scrub/?_pjax=.main-page-wrapper&orderby=price) you can see this part of the URL “_pjax=.main-page-wrapper&” which seems to be leading to a page which has no styling. When the URL is like this (http://jacobands.staging.wpengine.com/product-category/hair-care/shampoo/?orderby=price) then it works perfectly. After I get to that page which has no styling, if I click Back in the browser and then click on Price: Low to High again, this time I get the correct URL and page styling etc. So this seems to only happen on first click. Seems to be an AJAX error I’m guessing.

This last one is complicated so let me know if you need screenshots or further clarification.

Thanks and HAPPY NEW YEAR!

Attachments:

You must be logged in to view attached files.

Seems the screenshot I sent before was too large. Here’s another.

Attachments:

You must be logged in to view attached files.

Also the Price filter in the shop pages sidebar is causing the same AJAX error as the Sort By filter. Seems to be Basel Woo filters, though I admit I haven’t tested a non-Basel woo filter.

Hello,

If you don’t mind, we will check this after the holidays from 2nd January.

Thank you for understanding. If I will have some free time I will take a look.

Kind Regards

Of course I don’t mind. You have an excellent New years!

One more thing that I noticed, on shop pages when the product titles are much longer than others, the columns don’t align consistently. Specifically the price doesn’t align with the price in adjacent columns and neither does the product title.

I tried several methods to align them, like using flex properties, but it’s still not perfect. I then installed a plugin called matchHeight which includes the matchHeight.js library so that the height for the class h3.product-title is dynamically calculated on page load. This works great, only problem is that it doesn’t integrate with the Load More Products AJAX functionality. Is there any way for this JS library to be integrated into the AJAX for the Load More Products functionality? If you don’t feel like dealing with this, can you tell me the name of the file I would need to edit to work on this? I can take some AJAX lessons and play around on my local server.

Thanks again!

Hello,

Happy New Year!

1. This issue is fixed in the file basel/inc/classes/Layout.php. Probably, it was missed after the update.

2. Sorry, but filters widgets can work on the WooCommerce shop page only. They can’t be applied for other WordPress pages even if they have some products shortcodes. It is default WooCommerce functionality and we are not able to change this in our theme scope.

3. This issue we have reproduced on our side as well. Unfortunately, we don’t have a quick solution so the fix will be included in the next theme update.

4. You can add your custom JS code to the file js/functions.js. Find the AJAX queries there and modify them. Better to add it to the shopPageInit() method. Be sure that you have disabled JS Minification in Theme Settings -> Performance and clear the browser cache after editing the file.

Regards

Hi,

1. I edited the Layout.php file – added “is_tax(‘brand’) ||” to the three code lines but still no sidebar showing up. Any other files in v3.8 I need to edit?

2. No problem!

3. Excellent, looking forward to that update.

4. Thanks so much for the info! I really appreciate the extra help. 🙂

Oops, didn’t do it right. Now it’s working. Ignore #1 from previous message. 🙂

OK, contact us if you have any additional questions or concerns.

[Author]

Posts