logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error

Options
Go to last post Go to first unread
jeffr_ca  
#1 Posted : Wednesday, October 30, 2019 2:17:19 PM(UTC)
jeffr_ca

Rank: Advanced Member

Groups: Authorized User, Developers, Registered, HelpDesk
Joined: 1/7/2019(UTC)
Posts: 112

Thanks: 1 times
Was thanked: 2 time(s) in 2 post(s)
Does anyone else see a non-responsive, horizontal scrolling items list when they view a cart on mobile?

This is on Version: 9.0.1.5867 and I believe it was this way prior to this update as well. It is more noticeable when products have longer titles.

Non-ResponsiveCartonMobileb.jpg (44kb) downloaded 4 time(s).


Thanks!

-Jeff

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.

shari  
#2 Posted : Friday, November 1, 2019 4:58:23 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 703

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
Hi Jeff,

The cart is an HTML table grid and normally adding a scroll feature to a grid is what is called a responsive table.

Nevertheless, we can still discuss how can we improve.

Thanks
Joe Payne2  
#3 Posted : Friday, November 1, 2019 7:50:53 AM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
I disagree with the word "improve" it. Try it with longer product names, or a product that has product template inputs. The right-most columns get pushed out so far out you cannot see quantity, adjust quantity or see item totals.

In it's current form the basket page on mobile is unusable for anything but short product names. It doesn't need improved, it needs fixed.

Edited by user Friday, November 1, 2019 7:51:28 AM(UTC)  | Reason: Not specified

jeffr_ca  
#4 Posted : Friday, November 1, 2019 9:26:24 AM(UTC)
jeffr_ca

Rank: Advanced Member

Groups: Authorized User, Developers, Registered, HelpDesk
Joined: 1/7/2019(UTC)
Posts: 112

Thanks: 1 times
Was thanked: 2 time(s) in 2 post(s)
Hi Shari,

I suppose you could call it "responsive" if you wish, but it doesn't make it look good on mobile.

These are examples of sites with workable mobile carts in order of preference:

Screenshot_20191101-080007b_Chrome.jpg (144kb) downloaded 0 time(s). Screenshot_20191101-075854b_Chrome.jpg (162kb) downloaded 0 time(s). Screenshot_20191101-075801b_Chrome.jpg (101kb) downloaded 0 time(s).

Sorry, but I won't be deploying this:

Screenshot_20191101-080255b_Chrome.jpg (118kb) downloaded 0 time(s).


-Jeff


shari  
#5 Posted : Monday, November 4, 2019 2:23:57 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 703

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
Thanks for the explanation and for sharing the examples. They will be helpful.

We will try to adjust the cart contents on the mobile view without scrolling.
judy at Web2Market  
#6 Posted : Monday, November 4, 2019 5:29:24 AM(UTC)
judy at Web2Market

Rank: Advanced Member

Groups: Developers
Joined: 11/7/2018(UTC)
Posts: 289

Thanks: 21 times
Was thanked: 5 time(s) in 5 post(s)
While you are fixing, the wishlist page needs to be responsive also. It has the same issues as the basket.
jeffr_ca  
#7 Posted : Monday, November 4, 2019 9:28:48 AM(UTC)
jeffr_ca

Rank: Advanced Member

Groups: Authorized User, Developers, Registered, HelpDesk
Joined: 1/7/2019(UTC)
Posts: 112

Thanks: 1 times
Was thanked: 2 time(s) in 2 post(s)
There are other situations as well that need work. I think the attention to mobile needs to be more than just cascading the desktop layout down the page. I'm hoping for more compact and functional mobile layouts to be built in for AC.

When you have products with the "More Details" tab turned on, the tabs layout spans multiple rows. And as noted to Katie in PM, the Product Options Grid is also broken.

Screenshot_20191104-084956b_Chrome.jpg (143kb) downloaded 0 time(s). Screenshot_20191104-090631b_Chrome.jpg (155kb) downloaded 0 time(s).

Would like to get closer to something compact like this. Note the "Filter" drop-down that could shorten the resulting displayed options in the grid to one of a 2 option multi-variant product (Size vs Color for example). This is also where my wishlist suggestion came about in the "Feature Requests" forum where the "Wishlist" buttons take up too much real-estate unless the entire grid is reformatted specifically for mobile.

Screenshot_20191029-085606b_Chrome.jpg (177kb) downloaded 0 time(s).
Katie S  
#8 Posted : Tuesday, November 5, 2019 7:11:05 AM(UTC)
Katie S

Rank: Advanced Member

Groups: System, Administrators, Developers, Registered, HelpDesk
Joined: 10/29/2018(UTC)
Posts: 423

Thanks: 4 times
Was thanked: 34 time(s) in 33 post(s)
Good Morning all -

I just wanted to let you know that we found a solution to fix the responsive/mobile display issue. All tables will be reviewed, updated and tested first, but we should be able to provide the fix here asap.

Thanks,
Katie
Thanks for your support!

Katie
Secure eCommerce Software and Hosting
thanks 2 users thanked Katie S for this useful post.
Joe Payne2 on 11/5/2019(UTC), jeffr_ca on 11/5/2019(UTC)
Users browsing this topic
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.