- This topic has 9 replies, 2 voices, and was last updated 5 years, 2 months ago by
.
Hi Shufflehound Team,
Hope your all having a great start to a new year. My issue is basically that I can’t get my column product count on the first image to show only 2 columns but with 4 products, like the 2nd picture.
The odd thing is that the 2nd picture has the Gillion Shop theme, and I have 4 other sites that have the other Gillion themes that all have the same issue with the column product count.
I have gone through all the setting in visual composer and through appearance>theme setting>woocommerce>WooCommerce Columns, and they both have 4 columns set. I should point out that when I choose the 2 column setting on here it does seem to fix the problem only to have the whole store only displaying 2 columns for every row, which is not what I want.
Additionally, I have checked the visual composer backend setting for the column, and both have the same settings yet the other 4 sites are having issues displaying 2 columns with 4 products for this specific row. or any row that has 2 columns set with 2 or more products.
I tried searching for the solution through previous tickets but was not able to find one or I may have overlooked.
Thank you for your support Shufflehound Team
Luis
Hi Luis,
I hope you are well today and thank you for your question.
Could you please try configuring the Product Category content element settings as displayed in the attached screenshot?
Could you please share me the page URL from the site from where you have taken the second screenshot?
Best regards,
Shufflehound teamHi Shufflehound Support,
I have the settings set to 4 products with 2 columns for all the sites in visual composer. that’s what the issue is. the other 4 sites should show up as the 2nd image but they don’t.
Also, I have 4 columns set in appearance>theme setting>woocommerce>WooCommerce Columns for all 5 sites and I still have this issue. I should point out that when I choose the 2 column setting on here it does seem to fix the problem only to have the whole store only displaying 2 columns for every row, which is not what I want
I’m attaching pics of the settings I have for all five sites, with the last one being the issue I have with 4 of them.
Thank you, SH Support,
I am a bit confused here as none of your shared shop pages are displaying correctly except your site home page where 4 products are displaying in 4 columns as shown in the attached screenshot.
For other sites, it is displaying as shown in the second attached screenshot but you are saying the issue is only with the last site.
Could you please tell me exactly in simple words how you want it to display by sharing the screenshots of how it is currently displaying and how you want it to display?
Yes sorry, the first attachment you sent 13 hours ago was after I had finished playing around with the settings for the site that shows 4 products with 2 columns correctly, cause I’m still trying to figure out whats wrong with the other sites. I have changed it back.
the first image I’ve attached is of the website that is showing 4 products/2 columns correctly: cartablanche.com
The second image is of how the other 4 sites look. They look like they’re showing 2 columns with 4 column settings. I gave the URL to those sites in a private message.
All setting for all the sites is the same. my last message was me showing screenshots of those settings.
Just so we are clear, what I want is 2 columns, that’s it. with 4 to 4+ products (depending on how many products I want to add at any given time
what I want are 2 columns.
The second image is of how the other 4 sites look. They look like they’re showing 2 columns with 4 column settings. I gave the URL to those sites in a private message.
They are displaying 2 columns and not 4 columns as shown in the attached screenshot.
They are displaying 2 columns and not 4 columns as shown in the attached screenshot.
Yes, they are displaying 2 columns but they are displaying it in a way that seems to be a 4 column setting.
whereas the first image in my attachment is displaying 2 columns with a 2 column setting, the second image is displaying 2 columns with what seems to be a 4 column setting (even though the settings are set to 2 columns)
THIS IS THE PROBLEM
If you can’t see the difference between the way the first attachment is displaying the products vs the second one, then can you please hand this over to someone else. I know you’re only trying to help and I really do appreciate it, but you don’t seem to be understanding my situation.
Is there someone I can talk to over the phone?
Solution for this topic
Yes, they are displaying 2 columns but they are displaying it in a way that seems to be a 4 column setting.
This one sentence made it clear that you should have posted earlier.
You can make it display like 2 columns by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.gillion-woocommerce #content:not(.page-content) ul.products.columns-2 li.product { width: 48%; }I did mention this in an earlier message here:
The second image is of how the other 4 sites look. They look like they’re showing 2 columns with 4 column settings. I gave the URL to those sites in a private message.
Sorry for making it more confusing for you than it should have been, this code did the trick.
Also, thank for sticking it out and finding a solution to my problem.
If it’s not too much to ask can I trouble you with 1 other issue?
I seem to be having some padding issues just beneath the menu, this starts happening when i begin adding or removing the top row in visual composer. It doesn’t matter what I do the issue seems to persist. and this actually happens with all the sites.
The only solution seems to be going to revisions in visual composer and reverting back to original before I made any changes.
Again Shufflehound support, thank you for helping me with my previous issue. and thank you for your patience.
I seem to be having some padding issues just beneath the menu, this starts happening when i begin adding or removing the top row in visual composer. It doesn’t matter what I do the issue seems to persist. and this actually happens with all the sites.
You can try using below custom CSS code to resolve the issue.
#wrapper > .content-container.sh-page-layout-default { padding-top: 0; }
