Shop pics all over the place & "Shop by" Woocommerce sorting feature disappeared

Hey,
Are you using the latest version of the theme? Also, are all your plugins up to date? I would suggest deactivating your plugins to test if any are interfering with the theme and woocommerce. Let me know if there’s no change.

Hannah

Hi Hannah,

Yes, I have Virtue v.2.7.3 and updated all plugins, including Woocommerce. I also deactivated all plugins and tested one by one. After deactivating them all, I first began with activating the Woocommerce plugin to ensure the products showed up so I could see how they align as I activated each individual plugin. So only the updated Virtue theme and Woocommerce were activated at first. From the get-go,the products were misaligned and the “shop by” search feature still missing. I believe it is the theme.

I’m not seeing the WooCommerce Ordering issue.

For the alignment, are you talking about how some products are much taller than others on your page?
Try going into Appearance> Theme Options> Shop Settings and settings your “Product title Min Height” to the maximum 120px.

Let me know if that gets your products aligned. If not, I can provide CSS to do so.

I set the min height to 120 px which helped create a more uniform lineup, but not quite the way it should be. If I could get the CSS for it I’d appreciate it.

However, if you scroll down the page, you’ll see that some rows have only 1 or 2 products in them instead of 4. So customers have to keep scrolling to see all of the products because some rows have only 1 product in them, others only 2, etc., when each and every row should have 4 products.

Also, the sorting feature that allows the customer to sort the shop products by popularity, ascending or descending price, etc., should be at the top of the Shop page, but it disappeared completely.

Thanks Kevin

Hey
The product layout and other things are not running because you have a javascript error on your site.

Uncaught TypeError: jQuery(...).on is not a function.

That looks like it’s coming because you have a plugin calling on thickbox? I understand that some themes don’t use masonry to line up products so this wouldn’t effect the product lineup on some themes but that doesn’t mean that you don’t have an issue you want to fix.

What plugins are you running?

Kadence Themes

Hi, These are my active plugins:

WPBruiser
All In One SEO Pack
Currently Viewing
Custom Facebook Feed
Ebay Feeds for WordPress
Google XML Sitemaps
Jack Jacker
OneSignal Push Notifications
Google Analytics for WordPress
Postman SMTP
SendPress Newsletters
Page Builder by SiteOrigin
SiteOrigin Widgets Bundle
SEO by SQUIRRLY
Super Socializer
TinyMCE Advanced
Virtue / Pinnacle ToolKit
WooCommerce
WooZone – WooCommerce Amazon Affiliates
Wordfence Security
WP Smush
WP-Sweep
WYSIWYG Widgets / Widget Blocks
Editorial Assistant by Zemanta

I’ll be adding W3 SuperCache after I’ve finished completing my site.

Thank you so much for your help!

have you tried deactivating one by one. Starting with Custom Facebook Feed.

Kadence Themes

Yes. (Please see string above). I just did it again, and still no resolution. How do I correct the javascript error? And what is the CSS for correcting product alignment (mentioned by Kevin above)? Will these possibly correct the issues?

Are you clearing your caching after you deactivate can you post with stuff deactivated?

You have two images that are differnet sizes in your products. I see your using the woocommerce settings do you have hard crop turned off? Or are your images too small?

Masonry would fix this if your site was running javascript correctly in that the rows would still be full.

Kadence Themes

I cleared caching after deactivating with same results. I have hard crop turned off, however, I’ve tested with hard crop turned on and I get the same results. The images are directly imported from Amazon so I don’t control the image sizes, however, when I import images from a second website (not Amazon) that I also have no control over, they are fine.

I tested this using the WordPress TwentySixteen theme and it all works/lines up perfectly, however, I don’t like the theme. How do I correct this with the Virtue theme – how do I correct the javascript and run masonry to fix this as you mention?

Hey,
1. After you set it to hard crop did you regenerate your thumbnails?

You can also use css but fixing what you can fix with proper settings isn’t really a great road to go down.

.kad-woo-image-size {
    max-height: 267px;
    overflow: hidden;
}

2. I can’t help you trouble shoot because I don’t ever see the site with your plugins off. I can only tell you that you have a js error. And i’ve already explained why this wouldn’t effect the product layout of a theme like twenty sixteen. I suggest you turn off plugins. Give it time and clear all your caching.

Kadence Themes

I did not realize you needed to see the site with my plugins off. I was asked to deactivate each one, one at a time to test I thought. I have now deactivated them, and cleared all caching. I’ll keep them off until you have finished checking it over.

Sorry tired to make that clearer here “Are you clearing your caching after you deactivate can you post with stuff deactivated?”

I’m looking still your site isn’t loading jquery and failing with other js files.

First just so it’s clear you haven’t edited any theme files right?

In your wordpress admin > updates . re-install wordpress. Then update the theme so that those files clear and post back.

Kadence Themes

ok, I see it. In your footer in a text widget you are adding this:

<script type=”text/javascript” src=”https://adn.ebay.com/files/js/min/jquery-1.6.2-min.js”></script&gt;

That needs to be removed. wordpress uses jquery 1.11.4 that version is very very old.

Kadence Themes

No I haven’t edited any theme files. I have reinstalled wordpress and updated the theme as instructed. I checked to see if the issue corrected itself and it didn’t. I have deactivated all plugins.