Kryptronic Software Support Forum

You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.

#1 01-01-2014 12:06:27

Graham
Member
Registered: 09-30-2004
Posts: 981
Website

Alter location of Categories Fly Out on Side Menu

I've moved the Categories section to the Side Menu, but I've found that it's often difficult to "hit" the fly out which shows the sub-categories as there's only a small overlap in the bottom right hand corner of the main category's box.

What I'd like to do is to move the position of the fly out up so that its top is level with the top of the category box in the side menu.

Can someone tell me where and how to do this, please.

Offline

 

#2 01-02-2014 09:47:11

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

In the file {public}/media/skins/css/skins/css/all.css, edit the shared CSS file.  Look in that file for:

Code:

/* +------------------------------------------------------------+ */
/* | Required Classes: Skin Widget - SIDEMENU                   | */
/* +------------------------------------------------------------+ */

And in that section, edit the margins of the second and third level li tags.


Nick Hendler

Offline

 

#3 01-02-2014 17:35:24

Graham
Member
Registered: 09-30-2004
Posts: 981
Website

Re: Alter location of Categories Fly Out on Side Menu

Thanks for your reply, but I'm not sure what you're referring to.

I thought it was this section:

Code:

.skin_widgetclass_SIDEMENU .skin_widgetmenu li ul {
     padding: 0px;
     background-color: #FFFFFF;
     position: absolute;
     width: 200px;
     left: -999em;
     z-index: 8000;
     margin: -16px 0px 0px 184px;
     }

But despite what I do, it seems to have no effect, so I'm obviously changing the wrong things. Please can you tell me which lines I should be changing.

Offline

 

#4 01-03-2014 10:14:32

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

This is the one:

margin: -16px 0px 0px 184px;

The -16 px is pushing the margin for the UL up 16 px, and the 184px is pushing the UL right 184px.  Reload your browser after uploading the file to see changes.


Nick Hendler

Offline

 

#5 01-03-2014 16:11:58

Graham
Member
Registered: 09-30-2004
Posts: 981
Website

Re: Alter location of Categories Fly Out on Side Menu

I have tried that, but, no matter what I do, even changing them to ridiculous values (eg 160px 50px 50px 384px) and flushing the cache or trying a different browser, nothing happens.

I'm doing this in /web/ccp8/media/skins/css directory, which isn't quite the same as {public}/media/skins/css/skins/css/all.css which you give, but I can't see any other directories that match the one you give.

Offline

 

#6 01-06-2014 10:35:09

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

Assuming '/web/ccp8' is your home directory (where your index.php and admin.php reside), then you're making the edits in the right place.  Can you give me a URL where you're making these changes?


Nick Hendler

Offline

 

#7 01-06-2014 17:31:11

Graham
Member
Registered: 09-30-2004
Posts: 981
Website

Re: Alter location of Categories Fly Out on Side Menu

Here's where I'm doing the development on the new site: http://www.affordable-leather.co.uk/ccp8/index.php

I've currently got it set with the "silly" values I mentioned above just to try to get something to happen, but to no avail.

BTW I've seen elsewhere on these forums some instructions for modifying my Europacart 7 Skin to be used with version 8. If I do that, would I still be able to use the fly-out menus etc?

Offline

 

#8 01-07-2014 12:20:11

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

Thanks.  Edit this code in your skin's overrides.css file:

Code:

.skin_widgetclass_SIDEMENU .skin_widgetmenu li ul {
    box-shadow: 2px 2px 2px #555555;
    margin: -13px 0 0 180px;
    width: 195px;
}

That's the last spot in the chain where the margin is defined.


Nick Hendler

Offline

 

#9 01-08-2014 06:31:46

Graham
Member
Registered: 09-30-2004
Posts: 981
Website

Re: Alter location of Categories Fly Out on Side Menu

Thank you for this.

For anyone else's interest, I changed the margin values to:

Code:

 margin: -26px 0 0 180px;

This puts the top of the flyout level with the top of the categories item it derives from.

Offline

 

#10 01-08-2014 10:06:25

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

Check that in MSIE if you don't mind.  That's why it's offset by default - because IE tends to screw up padding on UL/LI tags.


Nick Hendler

Offline

 

#11 01-10-2014 17:53:14

Graham
Member
Registered: 09-30-2004
Posts: 981
Website

Re: Alter location of Categories Fly Out on Side Menu

It seems to be working ok in both IE and Chrome

See http://www.affordable-leather.co.uk/ccp8/index.php

Offline

 

#12 04-23-2014 21:27:30

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Alter location of Categories Fly Out on Side Menu

Graham wrote:

Thank you for this.

For anyone else's interest, I changed the margin values to:

Code:

 margin: -26px 0 0 180px;

This puts the top of the flyout level with the top of the categories item it derives from.

I can't seem to get it to work either. My sidemenu related categories and pages don't slide out right. They pop under the related item and are not popping out.

Last edited by mdowning (04-23-2014 23:33:27)


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#13 04-24-2014 10:03:02

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

In the management interface, under System | Displays | Skin Widgets, edit the category skin widget and set it's Desktop class to 'skin_widgetclass_SIDEMENU'.  I think you still have it as 'skin_widgetclass_NAVMENU'.


Nick Hendler

Offline

 

#14 04-24-2014 10:14:11

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Alter location of Categories Fly Out on Side Menu

webmaster wrote:

In the management interface, under System | Displays | Skin Widgets, edit the category skin widget and set it's Desktop class to 'skin_widgetclass_SIDEMENU'.  I think you still have it as 'skin_widgetclass_NAVMENU'.

I do not have a category skin widget showing in the skin widgets listings. This is what's showing in that listing


Update Store Product Menu True (1) SIDEMENU 10 True (1) MOBILENAVMENU 30
Update Store Quick Store Search True (1) SIDEMENURIGHT 10 True (1) MOBILENAVMENU 10
Update System Cookie Information True (1) SIDEMENU 10 True (1) MOBILENAVMENU 10
Update Store Cart False (0) NAVMENU 20 True (1) MOBILENAVMENU 60
Update System Currencies True (1) SIDEMENURIGHT 20 True (1) MOBILENAVMENU 70
Update Website Main Menu True (1) SIDEMENU 20 True (1) MOBILENAVMENU 10
Update System Mobile / Full Site True (1) FOOTER 20 True (1) MOBILEFOOTER 30
Update Store Location True (1) NAVMENU 20 True (1) MOBILENAVMENU 80
Update System Follow Us False (0) FOOTER 30 False (0) MOBILEFOOTER 30
Update Store Store Menu True (1) SIDEMENURIGHT 30 True (1) MOBILENAVMENU 40
Update Store Product Filter True (1) SIDEMENU 30 False (0) MOBILEFOOTER 90
Update System Account Menu True (1) SIDEMENURIGHT 30 True (1) SIDEMENU 10
Update Website News and Updates True (1) SIDEMENURIGHT 40 True (1) SIDEMENU 90
Update Website Banner Advertisements False (0) SIDEMENU 90 False (0) MOBILEFOOTER 90


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#15 04-24-2014 11:27:30

zanart
Member
From: bedford
Registered: 04-02-2008
Posts: 1706

Re: Alter location of Categories Fly Out on Side Menu

did you change the widget title to Product menu?


Rob

Offline

 

#16 04-24-2014 11:31:24

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Alter location of Categories Fly Out on Side Menu

Yes, but that does not explain why I'm having this problem. It's also affecting the related web pages.


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#17 04-25-2014 09:11:18

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

You've got your CSS class wrong.  Change it as per post 13.


Nick Hendler

Offline

 

#18 04-25-2014 09:30:47

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Alter location of Categories Fly Out on Side Menu

webmaster wrote:

You've got your CSS class wrong.  Change it as per post 13.

It IS set as:
Desktop Display Group = SIDMENU

Desktop Display Class = skin_widgetclass_SIDEMENU


That's not what's causing it because that should not affect the related pages menu. Both are not flying out, instead they are showing up under the related category or page in the menu.

It does it in both IE and Firefox also. I did change the name from Categories to Products Menu but that's just a cosmetic change.


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#19 04-25-2014 10:47:11

nigel
Member
From: Peterborough, UK
Registered: 04-27-2008
Posts: 418
Website

Re: Alter location of Categories Fly Out on Side Menu

I know it's probably just be a typing error in your post but check your spelling in the Skinwidgets - desktop display group. In your last post you stated SIDMENU as opposed to SIDEMENU.

Offline

 

#20 04-25-2014 10:51:12

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Alter location of Categories Fly Out on Side Menu

nigel wrote:

I know it's probably just be a typing error in your post but check your spelling in the Skinwidgets - desktop display group. In your last post you stated SIDMENU as opposed to SIDEMENU.

Typo


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#21 06-29-2014 09:48:57

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Alter location of Categories Fly Out on Side Menu

webmaster wrote:

You've got your CSS class wrong.  Change it as per post 13.

Nick, I copied and pasted what the skin widget class look like for this section.....

Code:

Update Component

Name | Desktop Display Status | Desktop Display Group | Desktop Display Order | Mobile Display Status | Mobile Display Group | Mobile Display Order 
Update Store Quick Store Search True (1) SIDEMENURIGHT 10 True (1) MOBILENAVMENU 10 
Update Store Product Menu True (1) SIDEMENU 10 True (1) MOBILENAVMENU 30 
Update Store Cart False (0) NAVMENU 20 True (1) MOBILENAVMENU 60

http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#22 07-02-2014 09:12:44

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

OK.  It looks like you've got both SIDEMENU and SIDEMENURIGHT.  Make sure both are being called up in your skin.php file for your active skin.


Nick Hendler

Offline

 

#23 07-02-2014 09:51:29

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Alter location of Categories Fly Out on Side Menu

mdowning wrote:

webmaster wrote:

You've got your CSS class wrong.  Change it as per post 13.

Nick, I copied and pasted what the skin widget class look like for this section.....

Code:

Update Component

Name | Desktop Display Status | Desktop Display Group | Desktop Display Order | Mobile Display Status | Mobile Display Group | Mobile Display Order 
Update Store Quick Store Search True (1) SIDEMENURIGHT 10 True (1) MOBILENAVMENU 10 
Update Store Product Menu True (1) SIDEMENU 10 True (1) MOBILENAVMENU 30 
Update Store Cart False (0) NAVMENU 20 True (1) MOBILENAVMENU 60

What happens is that the fly outs are offset inside and under the related sub category or page associated with said category or main page link


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

#24 07-02-2014 09:55:22

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Alter location of Categories Fly Out on Side Menu

Not sure I understand.  Can you post a screenshot?


Nick Hendler

Offline

 

#25 07-02-2014 10:21:11

mdowning
Member
From: California
Registered: 11-05-2010
Posts: 725
Website

Re: Alter location of Categories Fly Out on Side Menu

Like this Nick
http://prepsetcetera.org/store/media/skins/logos/FlyoutOffset.png

Last edited by mdowning (07-02-2014 10:21:36)


http://tuxedothemes.org/
Wordpress Themes for business, blogs and personal use.

Offline

 

Board footer