The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 02-11-2011, 04:48 AM
essancelinen's Avatar
essancelinen is offline
Junior Member
 
Join Date: Feb 2011
Posts: 1
Default

Vertical Categories Dispaly


I would like to change my Horizontal Categories to display Vertical.? How do I do it?

I know it must be simple, but I don't how to do it...

Please help me.
  #2  
Old 02-11-2011, 02:23 PM
Eugene Rimmer's Avatar
Eugene Rimmer Eugene Rimmer is offline
Senior Member
 
Join Date: Jan 2011
Location: Ecwid headquarters
Posts: 7,765
Default

See your Ecwid control panel, Dashboard section. There is a code for categories widget, and after it there is a code for vertical categories (menu). Actually it differs in just 1 character, nevertheless, it is safer to copy the code and paste it over the similar code on your site.

If you use WordPress along with our official plugin, then instead do the following:
1. In WP admin → Settings → Ecwid shopping cart untick Show horizontal categories.
2. In WP Admin → Appearance → Widgets find "Ecwid vertical categories" widget and drag it to the sidebar.
  #3  
Old 05-30-2011, 05:50 PM
8 One Sneaker House's Avatar
8 One Sneaker House 8 One Sneaker House is offline
 
Join Date: May 2011
Posts: 21
Default

what about vertical categories for Joomla 1.6?
  #4  
Old 11-17-2012, 01:53 PM
Hiki-fuda.com's Avatar
Hiki-fuda.com Hiki-fuda.com is offline
Junior Member
 
Join Date: Nov 2012
Posts: 6
Default

Sorry, I'm having a similar problem. I pasted in the code, and the categories are now vertical, except they are also above the store grid instead of beside it. The instructions say to paste the code "next to" the store code, but this doesn't make any sense to me. You either have to paste it above the store code or below it. There isn't any way to paste "next to" it, since the chunks of code are placed one after the next on the page.

What am I missing? You can see my store here: http://www.hikifuda.com/store.html
  #5  
Old 11-19-2012, 11:52 AM
Kess's Avatar
Kess Kess is offline
Senior Member
 
Join Date: Feb 2012
Posts: 2,071
Default

Quote:
Originally Posted by Hiki-fuda.com View Post
Sorry, I'm having a similar problem. I pasted in the code, and the categories are now vertical, except they are also above the store grid instead of beside it. The instructions say to paste the code "next to" the store code, but this doesn't make any sense to me. You either have to paste it above the store code or below it. There isn't any way to paste "next to" it, since the chunks of code are placed one after the next on the page.

What am I missing? You can see my store here: http://www.hikifuda.com/store.html
Please refer to this post:
http://www.ecwid.com/forums/showthre...3357#post23357
The Following User Says Thank You to Kess For This Useful Post:
Hiki-fuda.com (11-19-2012)
  #6  
Old 11-19-2012, 01:31 PM
Hiki-fuda.com's Avatar
Hiki-fuda.com Hiki-fuda.com is offline
Junior Member
 
Join Date: Nov 2012
Posts: 6
Default

Kess,

That's much better!

Now that I have moved the categories, I'm trying to get the shopping bag to permanently display between the sign in space and my search box.

I added the floating menu parameter, and I read the page "How to change minicart position in a floating mode", but again, the directions appear to be incomplete.

You can't just paste in the floating menu parameter code and then paste the code for "Right top corner" after that. It doesn't work.

Obviously, the code for "Right top corner" has to be pasted someplace specifically. But there aren't any specific directions-- at least not on the "How to change minicart position in floating mode (http://kb.ecwid.com/w/page/21207793/...loating%20mode)
  #7  
Old 11-20-2012, 12:26 PM
Kess's Avatar
Kess Kess is offline
Senior Member
 
Join Date: Feb 2012
Posts: 2,071
Default

Quote:
Originally Posted by Hiki-fuda.com View Post
Kess,

That's much better!

Now that I have moved the categories, I'm trying to get the shopping bag to permanently display between the sign in space and my search box.

I added the floating menu parameter, and I read the page "How to change minicart position in a floating mode", but again, the directions appear to be incomplete.

You can't just paste in the floating menu parameter code and then paste the code for "Right top corner" after that. It doesn't work.

Obviously, the code for "Right top corner" has to be pasted someplace specifically. But there aren't any specific directions-- at least not on the "How to change minicart position in floating mode (http://kb.ecwid.com/w/page/21207793/...loating%20mode)
You see, the floating position actually means that the minicart icon will stay in a definite place of the screen (not of the page) when you scroll up or down, for example. At the moment it is located in the right bottom position, and if I scroll down, the page will be scrolled, but the cart will stay in my bottom right corner, plus you can drag-n-drop it when viewing the store pages. If you would like to place it in some definite place on your page, and have it there as a fixed element of the page, you can, first of all set a Fixed mode for it, and then set its exact position with the help of CSS rules, that should be added to Ecwid control panel -> System Settings -> Design -> CSS Themes. For example, after switching the minicart to the fixed mode, please add the following CSS rule:

Code:
div.ecwid-minicart {
top: 13em;
right: 24em;
}
and click "Save (Ctrl+S)".

The thing is that Sort By is displayed in the categories that contain products only. It is not displayed in on the pages of the categories, that contain subcategories. For example:

http://www.hikifuda.com/store.html
  #8  
Old 11-20-2012, 12:26 PM
Kess's Avatar
Kess Kess is offline
Senior Member
 
Join Date: Feb 2012
Posts: 2,071
Default

Quote:
Originally Posted by Hiki-fuda.com View Post
Kess,

That's much better!

Now that I have moved the categories, I'm trying to get the shopping bag to permanently display between the sign in space and my search box.

I added the floating menu parameter, and I read the page "How to change minicart position in a floating mode", but again, the directions appear to be incomplete.

You can't just paste in the floating menu parameter code and then paste the code for "Right top corner" after that. It doesn't work.

Obviously, the code for "Right top corner" has to be pasted someplace specifically. But there aren't any specific directions-- at least not on the "How to change minicart position in floating mode (http://kb.ecwid.com/w/page/21207793/...loating%20mode)
You see, the floating position actually means that the minicart icon will stay in a definite place of the screen (not of the page) when you scroll up or down, for example. At the moment it is located in the right bottom position, and if I scroll down, the page will be scrolled, but the cart will stay in my bottom right corner, plus you can drag-n-drop it when viewing the store pages. If you would like to place it in some definite place on your page, and have it there as a fixed element of the page, you can, first of all set a Fixed mode for it, and then set its exact position with the help of CSS rules, that should be added to Ecwid control panel -> System Settings -> Design -> CSS Themes. For example, after switching the minicart to the fixed mode, please add the following CSS rule:

Code:
div.ecwid-minicart {
top: 13em;
right: 24em;
}
and click "Save (Ctrl+S)".

The thing is that Sort By is displayed in the categories that contain products only. It is not displayed in on the pages of the categories, that contain subcategories. For example:

http://www.hikifuda.com/store.html
The Following User Says Thank You to Kess For This Useful Post:
Hiki-fuda.com (11-20-2012)
  #9  
Old 11-20-2012, 10:08 PM
Hiki-fuda.com's Avatar
Hiki-fuda.com Hiki-fuda.com is offline
Junior Member
 
Join Date: Nov 2012
Posts: 6
Default

Kess,

I'd like to thank you for your patience and kind help.

I believe that I followed your instructions correctly. However, the cart is now displaying in the bottom left corner instead of the top right corner!
  #10  
Old 11-21-2012, 12:53 PM
Kess's Avatar
Kess Kess is offline
Senior Member
 
Join Date: Feb 2012
Posts: 2,071
Default

Quote:
Originally Posted by Hiki-fuda.com View Post
Kess,

I'd like to thank you for your patience and kind help.

I believe that I followed your instructions correctly. However, the cart is now displaying in the bottom left corner instead of the top right corner!
Let's use this CSS rule instead of the one provided in my previous post:

Code:
div.ecwid-minicart {
position: absolute;
top: 0em;
right: 9em;
}
Please let me know if the cart position is ok now.
The Following User Says Thank You to Kess For This Useful Post:
Hiki-fuda.com (11-22-2012)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
vertical, vertical categories

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:49 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.