-
Posts
-
Hello,
I wonder if you can help.
I have recently updated WooCommerce and Enfold as well and have noticed that the Product Grid placed at the homepage of my site is not looking too good. I have set the Product grid with 5 column by 10 entry numbers. This would always have 5 products under 2 rows. However, i have recently noticed that this has broken and i can see 4 columns on the first row, 5 columns on second row and 1 column on a new 3rd row!
It looks very ugly. I have tried to change the number of columns in the product grid settings but this doesn’t help fix the issue either. Your input on this is much appreciated.
Hey Moss,
WooCommerce made some changes regarding product images in version 3.3.0. Setting Appearance > Customize > WooCommerce > Product Images > Thumbnail cropping to “1:1” should help.
Best regards,
Jordan ShannonHi Jordan,
Thank you for your suggestion, however, Thumbnail Cropping is already on 1:1
Any other suggestion?Baring in mind that the thumbnails on the shop page are FINE, it is the product grid on the homepage as described in my initial correspondence that is the issue. You can see it for yourself :)
Many thanks
MossHi,
The “last” and “first” class attributes are being added incorrectly. Did you add any scripts or modifications? Please try to deactivate every plugins except for WooCommerce then test it again.
Best regards,
IsmaelI too have same issue however, I’m using the product grid within the Layout Elements -> Tab Selection. Disabling all plugins except WooCommerce didn’t do anything however, I do love your posts Ismael on most all topics.
Yes, same. Still having the issue and so far no resolve. Playing with the CSS to make it better makes the other grids in other areas misaligned.
Ok. I’ve played around with several things today and it seems it’s something with the Tab Selection… I’ve moved products, sorted products, moved tabs, re-created tabs, re-created in different locations, re-created entire pages… and the issue exists in all scenarios however, I did notice that, out of 8 tabs… if I move #2 to a different spot… the sorting issue still exists BUT it’s different. By this I mean the first row (of 4 columns) shows only the 1st product and then the second line starts with all 4 columns…. when I move, rather than 1 product on 1st row, it’s 3 – but not 4…
There’s something with the array that is instructing 2nd row… or end of first row is my guess…Not to introduce another issue.. but I noticed a similar attribute with the preview images… when I click on the 3rd image to view, the 2nd image comes up and I have to click the right arrow to see next image – which is the one I selected in the first place. Again, an “ordering” issue.
I’m not a coder so I thought I’d at least provide this insight…. Hope this helps get this annoying issue resolved sooner. Thank you.
Hi,
@AzharVahora: I’m trying to enable the debug mode but I get an error in the Appearance > Editor panel. Please edit the functions.php file through the cpanel then add this code.//set builder mode to debug add_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug() { return "debug"; } add_theme_support('avia_template_builder_custom_css');
@JAMMAN: Thank you for the info. Do you have a test site? We would like to check it.Best regards,
Ismael@Ismael — Thank you… Not a test site… just not live yet… but feel free to take a peek…
Hi,
Thank you for the info.
The issue occurs when there are multiple product grid inside the page. The loop count continues to the items of the next product grid element when it should be reset to 0. We’ve modified the config-templatebuilder > aviashortcodes > productslider.php file and added this code around line 402.
wc_reset_loop();We’ll forward the issue to our developers.
Best regards,
IsmaelHi,
Great, glad you got it working and thanks for the feedback, much appreciated :-)
Best regards,
RikardSame issue with multiple product grids displaying incorrectly. all should be on one row (see link)
I added the “wc_reset_loop();” to the productslider.php file at line 402. Issue still persisting.
Greatly appreciate any assistance!
Regards,
Paul Scott
Regarding above comment: Each grid row should display from 1 to 3 wheels to the right of each logo. The row next to the “Ultra Trailer Wheels” logo is bumping the second and third product onto a second line. Same thing with the last product row (Platinum Wheels).
Hi Paul,
Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic.
Best regards,
RikardI am having the same issue. I did the solution of putting in wc_reset_loop and it didn’t work. I am currently building it on a staging/development site.
Hi,
Did you modify the productslider.php file? Please create a new thread and put the login credentials in the private field.
Best regards,
IsmaelHi,
The site is running on an old version of the theme, 4.0.7. You have to upgrade to version 4.4.1.
Best regards,
IsmaelHi,
I fixed it for you – I replaced line 299/300 in enfold/config-templatebuilder/avia-shortcodes/productslider.php:
wp_reset_query(); return $output;with
wp_reset_query(); wc_reset_loop(); return $output;Best regards,
PeterThank you! That fixed the product grid issue but created a new one. At the end of the page, after the desserts section, now all the products display again. This wasn’t happening before. I checked my page layout and I don’t have anything after the desserts section.
Hi,
The page is set as the base shop page in the WooCommerce > Settings > Products panel so it will display the default shop page along with the product grid shortcode. I disabled the base shop page.
Best regards,
Ismael
- You must be logged in to reply to this topic.