ResolvedThumbnails not aligned on mobile 2 columns
Tagged: alignment, mobile 2 columns, vendors list
- This topic has 6 replies, 2 voices, and was last updated 2 years, 6 months ago by
YiannosCy.
- AuthorPosts
- September 6, 2020 at 8:53 am #25535
YiannosCy
ParticipantHello Dimitar,
On mobile 2 columns, the product pictures sometimes they do align next to each other. It’s happening on many instances; i.e. on ‘related products’, at the shop pages, etc etc. If you remember this issued was brought up a year back or so and you have given a fix with a theme update… but it’s been a couple of weeks now that the same problem came back. Could you please look into that? Thanks.
Also, on one of my recent topic/ticket here, i mentioned the requirement to have 2 columns on mobile, for the https://www.yiassu.com/vendors-list/. You have given me the below code and its been added to “appearance” “additional CSS”, but it does not make the job happen. It does not aligned into 2 columns (on mobile) the vendors. Could you please help us on that one too?
@media only screen and (min-width: 300px) and (max-width: 379px) {
.wcmp_sorted_vendors, .wpb_wrapper > .rigid-wcv-vendorslist, .has-sidebar .wcmp_sorted_vendors, .has-sidebar .wpb_wrapper > .rigid-wcv-vendorslist {
width: 50% !important;
}
}Many thanks,
YiannosSeptember 8, 2020 at 9:22 am #25549Althemist
KeymasterHi Yiannos,
I have just checked your site on mobile and your products are perfectly aligned in 2-column layout. Checked both on the shop page and in related products. Could you please provide a specific link where this can be seen “live”?
Same goes for your vendors list here – https://www.yiassu.com/vendors-list/
They are perfectly aligned in a 2-column layout.
Dimitar
September 8, 2020 at 9:41 am #25551YiannosCy
ParticipantHi Dimitar,
Thanks for checking this out.
I’ve checked over the past few weeks from many browsers (chrome and firefox) and many different mobiles hence to be sure is not just my mobile cache. But its the same. For the product thumbnails not to aligned next to each other is not a constant thing, on a specific page/link. It happens randomly, either at the shop page or related products etc. For example now, i opened FASHION category, both on firefox and chrome ignonito mode, and the last product on first page does not have a second column product next to it. You have to press “show more” to see the next products lets say.As for the Vendors not being aligned in 2 columns, it happens all the time.
Don’t know what else to do or tell you to be honest. Can’t be my cache, since i’ve confirmed that with other peoples mobiles too.Yiannos
September 9, 2020 at 12:09 pm #25590Althemist
KeymasterMay be your phone screen size is bigger than 379px width, as this is the limit set in the CSS code above. I am testing on Galaxy S9+ and everything seems fine.
As for the products, if we can’t replicate the problem and see it “live” we can’t tell what’s causing it. What’s your screen resoluton when this happens and is your display saet to 100% zoom?
September 18, 2020 at 7:51 am #25811YiannosCy
ParticipantHi Dimitar,
Sorry for the delay coming back to you.
I am still facing this problem and honestly do not know how to solve it, other than borrow friends mobiles and test whats happening.
Whats for sure and worries me…. is on my mobile and hence other peoples same mobile or same screen size mobile… this problem will be shown also!!!!My mobile is Samsung Note 9. Every say 5th product i open, down at the ‘related products’, the pictures are not aligned. It happens randomly and often on many products pages. Same goes for the vendors list which on my mobile, it always shows them as one per row, not two per row.
Anyways, there is no screen zoom on mobile so i guess its always 100%. Neither i can provide a specific link (except the vendors list link i already gave) which you can see the related products not aligned in 2 columns… its on many many products.
I’ll do some more digging into this…. but please look into it too. Maybe changing the CSS limit of the screen size in your code etc etc etc.
(A different quick random issue if i may!! Is your theme compatible with WCFM Marketplace? We are switching from WCMP to WCFM marketplace becuase our fronteded manager/multivendor plugins etc etc are all coming from WCFM so to be 100% compatible we thopught also to add their own marketplace in our webiste. I know you told me once that WCMP is ‘better’… just want to know now if Rigid can coincide with WCFM Marketplace… and your final thoughts on this before we make the moove!
Many thanks.
YiannosThanks
YiannosSeptember 18, 2020 at 9:42 am #25821Althemist
KeymasterI can replicate the related products problem here:
https://www.yiassu.com/product/salt-pepper-electric-grinder-set/
It’s caused by the fact that ALL 4 products have a different image size and aspect ratio. Most probably the reason is that you set a way to large size for product thumbnails and the original images are just not large enough to be cropped to the size you set. Your products are never displayed with a size larger than 232px width, but the images are set to be over 600px.
This is not a theme problem. It’s caused by poorly configured WooCommerce settings.
Yes, the theme is fully compatible with WCFM and the next major theme version would offer even more custom WCFM features. We are working closely with the WCFM team actually, as currently this is the best multi-vendor plugin on the market. However, keep in mind that some areas would look and work totally different in WCFM, as it’s a totally different plugin.
Anyways, I can’t really tell if it’s possible to make the transition smoothly. You’d probably need to discuss with their team if it can be migrated without losing data.
Regards,
DimitarSeptember 18, 2020 at 10:05 am #25824YiannosCy
ParticipantGot it!
Much appreciated!Regards,
Yiannos - AuthorPosts
You must be logged in and have valid license to reply to this topic.