Okay so i have AT commerce set as my theme and it looks great, just need to add more grahpics and change some settings. Here are the problems I am having.

1. Location map does not display maps in firefox or IE, there is just a gray box with the controls.
The maps displays perfectly in chrome.

2. Smartphone layout does not work correctly with Windows Phone 7, or Iphone. Is there a way to disable the smartphone layout. @media queries only work on android devices at this time.

3. In the settings page the textures do not work. I have tried them and they are not displaying anywhere on the site.

Any help with these problems is much appreciated.
.

Comments

Jeff Burnz’s picture

What version of the base theme are you using?

Have you tried to run the DEV version of AT Commerce?

I will retest with iPhone later today, currently my iPhone has been "appropriated"... (ie one of my mates has decided he likes it more than me...).

AllyMediaGroup’s picture

AT Core 7.x-2.1
&
AT Commerce 7.x-2.0-beta2

I have not tried running the dev version, I will give it a go today.

Jeff Burnz’s picture

Assigned: AllyMediaGroup » Unassigned

Location map does not display maps in firefox or IE

What do you mean by "location map"? I need to know what type of map, how this is being rendered, what module etc etc. Ideally I need a link to a page showing the error.

@media queries only work on android devices at this time.

Media queries work in iOS browsers perfectly (most certainly Safari). They also work on FF & Opera on all platforms, IE9 and up etc etc.

Just ran tests with iPhone on the demo site - I got no problems, so I will need more information if you are having a problem.

There is no way to disable layouts, not easily anyway. The theme is designed to respond to these different device sizes and to do this in an optimal way (less code, really fast), so its a one way street for the most part.

Jeff Burnz’s picture

The textures thing is fixed, I just havent committed it yet, but will shortly along with some other fixes. The textures apply to the Feature and Quint Panel regions.

AllyMediaGroup’s picture

Version: 7.x-2.0-beta2 » 7.x-2.x-dev
Assigned: Unassigned » AllyMediaGroup
Status: Fixed » Active

Switch to Dev version, same problems.

You can Also go to that same link on the iphone or windows phone 7.5, to see what I am talking about the main menu stacking.

AllyMediaGroup’s picture

Version: 7.x-2.0-beta2 » 7.x-2.x-dev
Assigned: Unassigned » AllyMediaGroup

I am using Location Map 7.x-1.1 for my map, this displays perfectly in chrome, nothing else

When I visit my site on an Iphone 4 or my windows phone 7.5 (ie9 mobile) they show the main menu stacked.

Jeff Burnz’s picture

Assigned: AllyMediaGroup » Unassigned

The main menu is meant to stack.

Don't assign things to yourself please unless you are actually working on the solution - meaning you are writing a patch. I take you aren't, so it must be assigned to anon.

AllyMediaGroup’s picture

With the Main menu, on the iPhone and windows phone it stays stacked in landscape view, but on a android device the menu drops into a single line across the screen.

Sorry I did not realize that the assigned was for when your doing a patch, thanks for the clarification I will not assign it to myself any longer.

Jeff Burnz’s picture

Status: Active » Fixed

The map issue can be fixed with this CSS:

#locationmap_map img {
  max-width: none !important;
}

This is a known problem with all mapping solutions - in at.base.css there is a block of selectors that fix this for most other mapping solutions:

/* Override max-width 100% for map displays */
.gmap img,
.view-gmap img,
.openlayers-map img,
#getlocations_map_canvas img {
  max-width: none !important;
}

I'll add this locations_map one so its included in the next release (coming very shortly).

Jeff Burnz’s picture

With regards to device width etc, the theme does not care about devices, only screen width - I know what you mean with the orientation stacking inconsistency, but when I look at this on iPhone it seems to make sense with regards to the actual look of it.

Its possible a more complex media query could negate this (say using device width) but I have deliberately kept the media queries very simple (so they will work in legacy devices supported with respond.js).

All these pointy/clicky solutions are 80 - 90% solutions, they are never going to be perfect, not given the sheer complexity and range of devices that must be accounted for - its all just a very generic approach that mostly works most of the time.

AllyMediaGroup’s picture

Version: 7.x-2.x-dev » 7.x-2.0-beta2

Thank you Jeff, I put that in the at.base.css and it works perfectly.

About how long until the next release, I really need those textures to work. I can deal with the smart phone layout, maybe tweak it later.

Jeff Burnz’s picture

Assigned: AllyMediaGroup » Unassigned
Status: Active » Fixed

It will be ready when its ready.

Stop changing issue details!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.