Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Product Archive Display Problem after 3.4 Update
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Product Archive Display Problem after 3.4 Update
- This topic has 34 replies, 6 voices, and was last updated 8 years by David Martin – Support.
-
Posted in: Neighborhood
-
May 17, 2016 at 2:21 pm #268099
Hi,
Since the latest update I’m experiencing the same problem with my product columns as the gentleman in this post: http://www.swiftideas.com/forums/topic/the-display-of-the-product-is-strange/#post-267479Instead of three columns displaying in my product archive, after the 3.4 update I have a display that is inconsistent. Two products are displaying per row, then one product, etc.
I tried clearing my cache but that didn’t fix the problem.I disabled each plug-in and that didn’t fix the problem either.
I had to roll back my production site, but you can view the problem on my staging server. (see the included admin details).Thank you for your help!
May 17, 2016 at 2:25 pm #268100Hi, I see that you have released a 3.4.1 update, but I am not getting the option to update on my theme screen. Could you point me to a download to try the fix? Thanks!
May 17, 2016 at 5:06 pm #268133May 18, 2016 at 2:39 am #268184I am having the same issue after updating yesterday to 3.4.11 – only on my home page though, shop page is fine.
First, third rows are fine, but second, forth rows only showing one product not aligned.Any help appreciated.
I purchased more support yesterday, but was unable to post my own topic? Hoping to get help by tagging along here.
Cheers, NickyAttachments:
You must be logged in to view attached files.May 18, 2016 at 3:02 pm #268407Thanks, as always, Ed. I appreciate the wonderful support.
May 18, 2016 at 3:17 pm #268422May 19, 2016 at 12:32 am #268553Hi Rui,
I have cleared my cache and tried it on a number of other machines and browsers (chrome, IE, Vivaldi) and the same problem exists.
It has changed slightly though as now every second, forth row is one product aligned to the right… it only appears like this on the home page, all other shop pages appear fine.
website is http://www.awesomeendsin.meAnother image attached.
Many thanks, Nicky
Attachments:
You must be logged in to view attached files.May 20, 2016 at 4:13 pm #269088@nickycc
Are you using a page builder product asset with 4 columns? try to change it to 3 columns since you have a sidebar.-Rui
May 25, 2016 at 2:49 am #269881Hi Rui,
I am using the only “Products” element I can see in the Swift Page Builder – there doesn’t appear to be an option to choose how many columns it is apart from the width of the element? I have it set to 3/4. (image: HomeTemplate.jpg)
This was the original element as per the home page template when I purchased the theme. I didn’t change it and it has been working fine in the past.
There is currently no side bar on the home page – this is an element from page builder as per the original template, I just changed the content.I have attached an image for the setting I have for that element. (image: ProductAsset.jpg)
This is the code of the element:
[spb_products title=”Some of Our Awesome Products” asset_type=”featured-products” carousel=”no” product_size=”standard” item_count=”12″ width=”3/4″ el_position=”first”]I played around with adding a side bar to the home page and doing this fixed the product problem, but creates a new problem in that the sidebar butts right up to the home slider (image: SidebarExampleHome.jpg).
I also added a new product element to the bottom of the page with the same settings and had the same issue when set to 3/4 width.
Thanks, Nicky
Attachments:
You must be logged in to view attached files.May 25, 2016 at 8:06 pm #270220Hi,
Try to add the code below to your custom css.
@media only screen and (min-width: 1200px){ body .home .has-no-sidebar ul.products li.product { width: 190px!important; } } body .home .has-no-sidebar ul.products li.product { width: 150px!important; } @media only screen and (max-width: 979px){ body .home .has-no-sidebar ul.products li.product { width: 115px!important; } }
-Rui
May 26, 2016 at 2:21 am #270269Hi Rui,
That has made no change. I checked on Chrome, IE and Firefox on 2 different machines and cleared the cache.Nicky
May 26, 2016 at 11:53 am #270413I tested it directly in your site by changing it in the browser directly.
Can you provide me admin credentials to see if the css is correct?Use the private reply.
-Rui
May 27, 2016 at 1:35 am #270593This reply has been marked as private.May 27, 2016 at 11:36 am #270713There was something wrong in my code. I changed it in your site.
Can you check the homepage again?Thanks
-Rui
May 27, 2016 at 1:30 pm #270761This reply has been marked as private. -
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.