X-Cart forums - Admin Menus

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Admin Menus (https://forum.x-cart.com/showthread.php?t=57788)

Is there anyway to edit the Admin top menu so it no longer uses the dopdown choices so you an use admin from an iPad?

Tried a couple of iPad browsers and seem to get the same problem but the home button does work due to no other menu option.

~Thanks

I am also having this problem. I would appreciate some help.

Can we make the menu buttons to show after a mouse click instead of a mouse rollover? I feel like this would solve the problem.

Everything else works perfectly fine on the ipad, except the horizontal menu buttons in the admin area.

Same issue ....I often check my site while travelling. Is their a fix for this.?

Try the following solution:

1. alter the "skin/common_files/(admin/single/provider)/home.tpl" templates and insert this code right after the <body> tag:

Code:

<!-- iPad fix -->

{literal}

<script type="text/javascript">

$(document).ready(function() {

    // trigger the function when clicking on an assigned element

    $("#horizontal-menu li").click(function () {

        var menuDiv = $(this).children("#horizontal-menu li div");

        if (menuDiv.is(":hidden")) {

            menuDiv.addClass("iPadJSDDMenu");

            menuDiv.slideDown("fast");

        } else {

            menuDiv.removeClass("iPadJSDDMenu");

            menuDiv.hide();

        }

    });

});

</script>

{/literal}

2. alter the "skin/common_files/css/skin1_admin.css" file and replace this code fragment:

Code:

.horizontal-menu-li-hover-div,

#horizontal-menu li:hover div

{

  display: block;

  position: absolute;

  left: -1px;

  top: 21px;

  background: #fff;

  border: 1px #aaa solid;

  border-top: 0 none;

  min-width: 170px;

}

with this one:

Code:

/*.horizontal-menu-li-hover-div,

#horizontal-menu li:hover div

{

  display: block;

  position: absolute;

  left: -1px;

  top: 21px;

  background: #fff;

  border: 1px #aaa solid;

  border-top: 0 none;

  min-width: 170px;

}*/



.iPadJSDDMenu

{

  display: block;

  position: absolute;

  left: -1px;

  top: 21px;

  background: #fff;

  border: 1px #aaa solid;

  border-top: 0 none;

  min-width: 170px;

}

Thats all, after the modification is complete admin menu will be using click JS events instead of DHTML hover.

This modification works brilliantly.

Thank you.

I can use other hover drop-down menus on iPad. Maybe this should be considered a bug and fixed in a future version?

I have CSS-only based menu which works without any problems on iPad/iPhone so yes maybe XC default admin menu is just "broken"

X-Cart default menu is based on CSS "hover" effect.

This is the style that is used by default:
---
.horizontal-menu-li-hover-div,
#horizontal-menu li:hover div
{
display: block;
position: absolute;
left: -1px;
top: 21px;
background: #fff;
border: 1px #aaa solid;
border-top: 0 none;
min-width: 170px;
}
---

I do not see any problems with it.

As far as I know, on certain iPhones and iPads 'hover' does not work, in contrast to JS "onclick", that works fine on these devices.

Quote:

Originally Posted by qualiteam

Try the following solution:

1. alter the "skin/common_files/(admin/single/provider)/home.tpl" templates and insert this code right after the <body> tag:

I only have a home.tpl file in the /single/ folder. There is no home.tpl in the /admin/ or /provider/ folder.

I tried the fix with adding it only to the home.tpl in the single folder and it didn't work. Help?

It depends on the X-Cart version you use PRO or GOLD.
In case of Gold only */single/* folder is there.

Try clearing the templates cache (clenup.php script).