Hi,

I have a site that is almost ready but I have 2 issues. prettygoodhost.com/celtibillies/store/music/the-shoemakers-child

This page, like others, is set up with a table because using the zen-row, zen-6 type of plugin with the store plugins doesn't work: the zen-row works but the store plugins don't show. So I either need to make all of them work together or I need to make the table responsive and I don't know how to do either.

Other issue, go ahead and add a CD to your cart. Keep shopping. Refresh page. Go to My Cart at the top menu and it is set up with a module. Now try to change the quantity. It disappears as you try to mouse to a different number. I'd like this to not disappear but if that can't be done then I will disable the ability to change the quantity from this module.

Thanks,
Helen

Hi Helen,

"This page, like others, is set up with a table because using the zen-row, zen-6 type of plugin with the store plugins doesn't work: the zen-row works but the store plugins don't show. So I either need to make all of them work together or I need to make the table responsive and I don't know how to do either."

When you say doesn't work - what is wrong, not working or missing?

Looks like the page is refreshing

I'm not finding it a problem however as I can change it - what browser are you using?

Cheers
Paul

Hi Paul,

For the Module in the menu:

You need to refresh the page because if you don't, for some reason the quantity box doesn't show up.

I see that the quantity box works in Chrome but not in FireFox v. 41.0.2.

And, I see that the Module can get its right side chopped off if the browser window is too narrow. The only solution I can think of is to not put it on the end?

For the plugin problem, the zen ones work and the store ones just disappear on the front end, like they were never there.

So, I have something like this:

but I would want something like this:

And all I will see is the "1." and then the next row...

Hi Helen,

The width issue is with the inline style of 400px

<div id="mep_1" class="mejs-container svg mejs-audio" tabindex="0" role="application" aria-label="Audio Player" style="width: 400px; height: 30px;">

is there an option to change this?

Also <span class="mejs-time-loaded" style="width: 35px;"></span>

You could try overriding these with !important and change the buttons using media queries

With the cart I can now reproduce the issue in firefox

I'm not sure at this stage where the issue is

I will need to check with Anthony on this

Cheers
Paul

Excellent about the responsive suggestions, Paul. I've got that all worked out.

While we await Anthony and the FF issue, how can I have the module in the menu drop down flush right instead of flush left, or in some way that it stays on the canvas when the browser window is smaller?

Hi Helen

Has been a long day I'm not quite sure what you mean by flush left or flush right?

You could adjust the menu link css using media queries and change the breakpoint in the template - although that would be fiddly

With the module being in the menu I don't think you could display that on screen differently

Cheers
Paul

Old terminology is hard to shake. Flush left flag right (for text) means justified left and the letters look like a flag waving on the right.

So I was thinking that if the entire module in a menu could be justified to the right or if the upper right corner could coincide with the lower right corner of the last menu option on the top menu the that would be useful. Then it wouldn't get cut off with a smaller browser window.

With the cart reloading issue are you able to test with a default joomla template installed?

Cheers
Paul

Cart reloading issue has been fixed with an update that came out today. Now all that is left is the alignment of the module and the FireFox issue...

Hi Helen,

I thought the firefox issue was the cart quantity issue?

Have you tried adjusting the min width in the menu section to stop the cart menu link being trimmed?

Cheers
Paul

The cart wasn't showing the quantity option or the delete option unless you reloaded the page - the reload issue.

The FireFox issue is that you cannot click on any quantity change in the drop down without the cart module disappearing. This only occurs when the cart module is in the menu so it is a problem with module in menu.

The Cart menu is not an issue with layout but the placement of the module in the menu as it appears under the menu. I have always thought that a good programming feature would be to have the submenu or in this case the module in the menu for the last menu item right justify. Does that make sense?

Hi Helen,

I misunderstood your question regarding flush right - I thought you meant content of the module while actually you meant the entire drop down

I will ask

www.dropbox.com/s/ybviz90ew38q2qi/JB_Responsive2_J3%2B_v1.3.3.zip?dl=0

Can you try this new version - please back up first

You will need to compress scripts in the admin

Cheers
Paul

Hi Paul,

Do you have a change log for this?

Helen

Hi Helen,

This version hasn't been released yet so it hasn't been added to the changelog

Cheers
Paul

I think its just the js/scripts.js file

Cheers
Paul