Forum Support

Shape 5
March 28, 2024, 07:26:12 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Drop Down Cart module 'Expand' button missing in Firefox and Chrome - presales q  (Read 24525 times)
bandeeta
Jr. Member
**
Offline Offline

Posts: 5



« on: November 10, 2012, 11:16:35 AM »

Dear shape5,

we use the Drop Down Cart module on a website, in the past without problems.

From the last few days, we experiencing that the 'Expand'/'Close' button is missing in the newest Firefox (16.0.2) and Chrome (23.0.1271.64 m) browsers.
See on the first picture.
The opening of the minicart is also defect: it opens by an addtocart twice, with a fast interruption.

In IE9 and in Safari (5.1.7) are the buttons and functions O.K. as earlier. (See on the second picture attached.)
In FF and Chrome was the functionality in the past also O.K.! The site is not changed.

We already checked and tested the system (Joomla 1.5.26, VM 1.1.8), and tested a lot of css, php and js-modifications, without result.
The Joomla cache and expired cache is purged also.

The problem seems to be not a misplaced or slipped div that is not visible. It seems to be that the buttons are no more activated from javascript.

The PHP is version 5.2.17, we don't no if its changed in the last days.

My questions are:
1. Do you heard about the same problem? Have you a solution for that?

2. We have only an old, expired subscription. If we buy a new membership and go with this problem to the support forum, can you supply the solution guaranteed?

Thank you and have a nice day,
Andras
« Last Edit: November 10, 2012, 11:23:43 AM by bandeeta » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: November 10, 2012, 07:07:39 PM »

Hello,

1. We haven't had any reports of this and I am viewing our demo currently and not seeing any problems.

2. It might be related to your template. Can you post a url to where this occurs?
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bandeeta
Jr. Member
**
Offline Offline

Posts: 5



« Reply #2 on: November 12, 2012, 04:52:23 PM »

Hello Mike,

yes:
http://www.zoldlotusz.hu/
on the right side. The problems are visible after adding a product to the cart, in Firefox or Chrome.

It can be a template-problem - but the strange is, it worked up to now and there was no changes on the website.
(The PHP version was neither changed.)

Thank you for your reply,
Andras
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: November 13, 2012, 08:38:56 AM »

Hello,

I believe it's an issue with how the template is setting the width for each module. Normally you have a container that holds all divs and that container has the width. Your template is putting it on each module, which be more restrictive. Try adding the following code to template.css:

.s5_dd_buttons div {
margin-right:5px !important;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bandeeta
Jr. Member
**
Offline Offline

Posts: 5



« Reply #4 on: November 13, 2012, 09:17:44 AM »

Thank you, Mike.

I have tested it. It's effective only as:

#s5_dd_buttons div {
   margin-right:5px !important;
}

It's activated now, but has no effect on the appearance in FF and Chrome.
You can check this at the site now.

Have you another idea?

Have a nice day,
Andras
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: November 13, 2012, 01:30:08 PM »

Hello,

That is the only thing that I can think of to do. Without being the developer of your template it would be almost impossible for me to completely diagnose it. I am almost positive it's a template issue though as we've had no other reports of this issue from any other member.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bandeeta
Jr. Member
**
Offline Offline

Posts: 5



« Reply #6 on: November 13, 2012, 04:34:42 PM »

Hello Mike,

i understand. Do you think that the buttons are not generated by the browsers?
Because it can only be found with the style display: none; with e.g. the FireBug tool.

I assumed that it can be a Javascript bug, because the displaying of the buttons is controlled by the javascript files of the Drop down cart module.
The missing button is:
#s5_dd_buttons div #s5_open_dd

that is generated from js from the Dropdown cart module with:
onclick="s5_tab_dd();shiftOpacity_dd('s5_dropdowncart');"

And this opacity is not active in FF and Chrome. The div is generated as display:none from the program code:

<div id="s5_open_dd" style="display:none;float:left;padding:1px;padding-right:21px;background:url(http://www.zoldlotusz.hu/modules/mod_virtuemart_s5_dropdown_cart/s5_dropdown/arrow.png) no-repeat center right;font-size:12px">Nyit</div>

Do you see what i mean?

Related sources are:
function shiftOpacity_dd(id) in s5_dropdown.js and function s5_getdropheight() in mod_virtuemart_s5_dropdown_cart.php.


PS:
http://gandalf.intrex.hu/raabcomputer/
it's another site with the DropDown cart module.
The functionality is likewise faulty here also. With another template.

This site runs under Joomla 1.5.15.  Our site is Joomla 1.5.26. So i can exclude a reason related to a Joomla upgrade that we done in the first days of october (from version 1.5.23 to 1.5.26).

I think the developer support is needed here.
« Last Edit: November 13, 2012, 05:07:46 PM by bandeeta » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #7 on: November 14, 2012, 08:30:11 AM »

Hello,

The buttons are not created with javascript, they are all created with php based on whether or not something is in the cart. The javascript that you posted relates to the drop down itself and the fade in effect for how it enters the page. This is not related to the buttons themselves.

I would suggest trying to publish the module to another, larger position, on your template to see if it works there. If it does then there is definitely an issue with your template.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bandeeta
Jr. Member
**
Offline Offline

Posts: 5



« Reply #8 on: November 30, 2012, 01:11:36 PM »

Hello Mike,

i came back again to the problem and checked the css and have tested a lot of css changes, and searched a number of possible rendering changes in Chrome 22 and Firefox 16.
(For example: http://chrisvalleskey.com/chrome-22-breaks-everything/)

To quickly summarize:
none of my changes solved the problem.

The DropDownCart module on the site http://www.zoldlotusz.hu worked perfectly on all browsers until ca. October 2012.
Now its working perfect in the actual Opera, Safari and IE9.

Problem:
And the buttons are not functioning properly in Chrome 22 and Firefox 16-17.

There were no changes made on the site or in the server side PHP. Joomla caches are cleared, and the browser caches also.

There are 2 more sites found with the same problem: the module is working here also no more properly (with 3 different templates!).
See:
http://www.dmoonszappan.hu (J1.5.26 too)
http://gandalf.intrex.hu/raabcomputer/ (J1.5.15)

Here on this last test site i opened a new, bigger position for the module, right under the main content, and changed the width to 400px and the height to 190px in the module settings.
As you can see, the behaviour is not changed. (I have attached a pic about it too.)


What i can see with FireBug, is that when the cart is containing at least one item, the buttons are not rendered properly.

This is the 'Expand' button, rendered with "display:none;" which is false:
 
<div style="display:none;float:left;padding:1px;padding-right:21px;background:url(http://www.zoldlotusz.hu/modules/mod_virtuemart_s5_dropdown_cart/s5_dropdown/arrow.png) no-repeat center right;font-size:12px" id="s5_open_dd"> Nyit </div>

When i'm adding to my css directly:
#s5_open_dd { display: block!important; },
than the button will be rendered in his right place(!), close to the Cart button. Thus our problem is not, that it is not displayed in a faulty position; it's not displayed at all!

When this hacked button is clicked:
- in Chrome the dropdown opens and closes immediately; the Button 'Close' is not displayed;
- in Firefox the dropdown is not opening at all
(functioning faulty also).

So this is not a solution.


I can't find a template error until now.
I think, the displaying of the buttons and the dropdown is controlled in the module code.

See in the mod_virtuemart_s5_dropdown_cart.php:

function s5_getdropheight() {
if (document.getElementById("vmCartModule2")) {
if (s5_closing == "0" && s5_opening == "0") {
var drop_down_height2 = document.getElementById("vmCartModule2").offsetHeight;
document.getElementById("s5_dropdowncart").style.height = drop_down_height2 + 'px';
   if (document.getElementById("s5_open_dd")) {
      if (document.getElementById("s5_dropdowncart").offsetHeight > "15") {
      document.getElementById("s5_open_dd").style.display = 'none';
      document.getElementById("s5_closed_dd").style.display = 'block';
      }
      else {
      document.getElementById("s5_closed_dd").style.display = 'none';
      document.getElementById("s5_open_dd").style.display = 'block';
      }
      }
   }
}
}

What do you think?

Greetings and thank you for your attention,
Andras


PS:

I have searched the s5 forum and found at least some topics in the result list, that possibly can contain a solution of the problem:
http://www.shape5.com/component/option,com_smf/Itemid,75/topic,10483.0/
http://www.shape5.com/component/option,com_smf/Itemid,75/topic,25025.0/
http://www.shape5.com/component/option,com_smf/Itemid,75/topic,11901.0/
http://www.shape5.com/component/option,com_smf/Itemid,75/topic,8970.0/
http://www.shape5.com/component/option,com_smf/Itemid,75/topic,23743.0/

Maybe i can find some help for my problem in this threads. But i have no rights to read them.
How can we solve the problem?
« Last Edit: November 30, 2012, 01:13:10 PM by bandeeta » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #9 on: November 30, 2012, 01:26:53 PM »

Hello,

I wouldn't be able to provide any further support on a club product since you have an expired membership. Support is part of your membership and only given during the duration of your membership.

The links that you posted are not related to the same problem. As I've stated we have had no reports of this issue from any user, and I have since tested this locally have not been able to replicate the problem on any template. The only thing I can suggest is you can try chaning the function to:


function s5_getdropheight() {
if (s5_closing == "0" && s5_opening == "0") {
var drop_down_height2 = document.getElementById("vmCartModule2").offsetHeight;
document.getElementById("s5_dropdowncart").style.height = drop_down_height2 + 'px';
   if (document.getElementById("s5_open_dd")) {
      if (document.getElementById("s5_dropdowncart").offsetHeight > "15") {
      document.getElementById("s5_open_dd").style.display = 'none';
      document.getElementById("s5_closed_dd").style.display = 'block';
      }
      else {
      document.getElementById("s5_closed_dd").style.display = 'none';
      document.getElementById("s5_open_dd").style.display = 'block';
      }
      }
   }
}


It removes one of the div checks.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.