I can't get left side menu to display?

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #101657

I have this new site where I am migrating a VirtueMart shop to HikaShop Essential.
I have a little issue as i want a left side vertical menu to display all product categories but I can't simply get it displayed...
How do i do it?
I have another shop and in that one it was one problems, I have tried to copy the settings from that one but I can't sort it out.
Please help me someone.

URL to shop: www.gobbe.se/index.php/hastsportbutiken

Last edit: 11 years 6 months ago by LAMF.

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 6 months ago #101669

Hi,

I think that you can do it by using the "HikaShop Content Module", you just have to set the position of this module through your joomla module manager and to set what you want to be displaid in it through your hikashop content module configuration page.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #101689

Mohamed Thelji wrote: Hi,

I think that you can do it by using the "HikaShop Content Module", you just have to set the position of this module through your joomla module manager and to set what you want to be displaid in it through your hikashop content module configuration page.


Hi,
I finally got it to display properly but when clicking the category names in the left menu I don't get anything but an empty right side where the products of that category should show up :blink:

Please Log in or Create an account to join the conversation.

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 6 months ago #101704

I can see your products on the right side when clicking on a category of the left side on your website.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #101708

nicolas wrote: I can see your products on the right side when clicking on a category of the left side on your website.


:) Just solved that part!
But when I click on some of the products at right or some of the sub categories that show up when clicking a parent category then the left enu disappears. That part is tougher to solve :(

Another thing:
Is it not possible to sort these sub categories alphabetically? I trieed that but I suppose they get sorted like the parent categories, inherited like. Meaning I have to sort them manually?

And the third thing, ehn I click a product image when I am view a singe product like on this URL:
www.gobbe.se/index.php/component/hikasho...-farskinn?Itemid=146
I get a pop up image but I can't close the pop-up so I have to navigate backwards in mmy browser and thsi applies on both Firefox and Google Chrome browsers.

Thanks
Micke

Please Log in or Create an account to join the conversation.

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 6 months ago #101804

1. That's because you configured your categories listing module's option "synchronize with content when possible" to "yes". So the module content changes based on the main content area.
Turn that option off and the module will alway display the first level of categories.

2. If you want to change the sorting of the categories, go in the menu Display->Content menus, edit your menu (id 134) and change the "ordering column" option to "category_name" and that should do it.

3. That's because of a javascript error on your page. It apparently comes from your template use of jquery which conflicts with mootools and you get that error:
Uncaught TypeError: Cannot call method 'appendChild' of undefined
Try to install and configure the jquery easy plugin for joomla and that should hopefully fix the issue.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #101817

nicolas wrote: 1. That's because you configured your categories listing module's option "synchronize with content when possible" to "yes". So the module content changes based on the main content area.
Turn that option off and the module will alway display the first level of categories.

2. If you want to change the sorting of the categories, go in the menu Display->Content menus, edit your menu (id 134) and change the "ordering column" option to "category_name" and that should do it.

3. That's because of a javascript error on your page. It apparently comes from your template use of jquery which conflicts with mootools and you get that error:
Uncaught TypeError: Cannot call method 'appendChild' of undefined
Try to install and configure the jquery easy plugin for joomla and that should hopefully fix the issue.


1. Ok this is a solution fair enough. Not exactly what I wanted as I wanted to have the vertical menu expanding on click displaying the sub categories on a sublevel just the way I have configured it in the template. But that seem to be hard to accomplish so I stick to this almost-there solution.

2. This doesn't help the sorting issue...I did it manually under the categories and have set the listing to sort so now it works as I want it to.

3. Ok I tried to install the latet JQuery Easy plugin and now I only get a new page with the image displaed after clicking the image, so I don't know how to solve this. No pop-up image anymore. :(

So the issues still remain...

Another thing that is annoying is this:
Have a look at this product page listing all products:
I have a link to both my working site here: www.fly-tiers.se/index.php/hikashop-menu...tegory/12-torrflugor
And the same sort of listing on th enew site here: www.gobbe.se/index.php/hikashop-menu-for...category/31-benskydd

When you hover the pages in the navigation row (pages 1 to 4 in this example) the letters are moving but on the other working site this is not happening. THis is strange as I have actually copied both the template override files from the working one to the new and also the css changes so I must have set something wrong in the configuration settings but I can't find out what.
So if anyone could help me out of this mess it would be super.
Regards
Micke

Last edit: 11 years 6 months ago by LAMF.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #102051

I keep this post open as I want a solution to the left vertical menu displaying product categories.
As I have it set up now I have the main categories displayed aand when clicking them they are not expanding the menu even if there are sub categories.
That is because as you explained earlier the categories listing module's option "synchronize with content when possible" set to "no".
Now if I want the menu to expand like a vertical menu where the subcategories display when I click on a main categoy that has sub categories, how is that possible if possible at all?
There are many web shops that has this function of the vertical menu and personally I like this more than the "static" version I have now.

Second wish is to have the cart only visible as an icon when adding a product to it, if no product is added then there shouldn't be any icon showing. Is that possible?
My cusstomer wants it that way and I have to admit that this is also a very common way to display the cart then by cicking thi icon you come to the cart itself. Is this possible?

Regards,
Micke

Please Log in or Create an account to join the conversation.

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 6 months ago #102232

1. That can be done by simply turning on the "show sub categories" option of your module. That's how is configured the categories module on the left of our demo website.

2. Regarding the sorting, if it didn't work, it means that you didn't edit the option of the correct menu or module.

3. I can see now that the image code was changed by something called cloud zoom which removed the popup display. I don't know what you did, but that is not the default code of the image display and that's why the popup doesn't work.

4. The letters moving in the pagination comes from the CSS of your template:
www.gobbe.se/templates/stigsberg2013/css/template.css
There are several parts of the CSS modifying the margin of the links of the pagination on hover and not on hover which finally produce that issue.
It's not related to HikaShop.

5. If you want a cart icon visible once a product is in the cart, that's totally possible.
You can use the cart module in mini mode for that along side translation overrides.
One override for the "cart is empty" message so that it doesn't display anything, and a second one for the "X items in the cart" message to have instead an img HTML tag of your icon inside a a HTML tag linking to the cart display page.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #102288

Hi Nicolas,
Thanks a lot for answering.

1. Ok your demo look great, I haven't even watched it until now :blush:
However this only messed the up the menu, what I did was setting up the module with ID 156 and set up Show sub categories => All subcategories
I still have this set so yo ucan see. I want it to appear as on your demo site. My template vertical menu should be set up like that.

2. Menu no 134 was set to Type of content => Product so I changed that to Category then the parameter Field for filtering appears and I can set up category_name but this doesn't affect anything for me.

3. Cloud Zoom is because I used Artetics Image Zoomin plugin on the first site www.fly-tiers.se and I thought by copying all the temmplate overrides from that site over to this one it would save me a lot of work.
So now I just disabed all these overrides and voila now the pop-up works fine.

4. Guess I wasn't using Firebug enough efficient.... Anyway now it's solved by a simple css change. :)

5. Ok I will try myself and see if I can solve it.

6. If I want a pop-up up showing a new product is added to the cart, I get it with scrolls, not so nice looking, is thiss possible to get rid of easily?

Thanks.
Micke

Last edit: 11 years 6 months ago by LAMF. Reason: Updating information

Please Log in or Create an account to join the conversation.

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 6 months ago #102368

Hi,

Please give more precision for each point and we can give a more precise answer. For example, for point 1 and 2 I don't know if you're talking about the same categories listing or not. and if not where is each one on your website. So I can't tell you exactly what module or menu to edit.

1. If you want to have it display like on our demo website then simply use the same settings... You have full access on the backend of the demo website so simply edit the options of the module there and make sure that you have the same on your end and it will display the same.

2. You want to change a category listing menu sorting right ? So it's not possible that the Type of content is product...Otherwise, you would see products and not categories. So you're definitely not edit the correct menu item.

6. This comes from your template CSS:
body {
padding: 0;
margin: 0;
min-width: 961px;
}
in www.gobbe.se/templates/stigsberg2013/css/print.css
Remove it and that should remove the scroll bars.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #102461

Hi Nicolas,
Sorry for being blurry...

1. The left menu displaying product categories in the web shop is the menu I mean. I will try to see how you set it up in the demo site to get it right.
In your site this menu has the header text "Categories of products".

2. Yes I wanted to change the Categories of product- menu and have the different sub categories listed alphabetically. I sorted this out by ordering them manually in the backend even if that way is time demanding and not optional. You have to change it every time you add a new product category... :(

3. Thanks.

So I will play around with the settings a bit and hopefully I wont bother you anymore about these things. Hope I have cleared out things better now.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 5 months ago #102808

HI again,
I have been watching the settings in your demo shop backend but I can't for my life solve how to set the left side vertical menu properly to get the styling added to it as I want it.
I have made a template menu in Artisteer and I have a class suffix that has to be added in order to work " sbg-vmenu" and I have added it under the Joomla Module for the menu and then also in the HikaShop module for the menu but I'm only halfways.
Now the menu displays as a list showingthe main categories (but not properly styled) then when clicking one of those categories in the menu it opens displaying the sub-categories and those are styled...
It looks weird the maincategories around the sub categories are not styled but the sub categories are so something is missing but no matter how I try to play around with settings I can't solve it.
So please can you gouys who knows this help me out?
You can have backend access or whatever, I really need help with this or I go insane.

The second thing is that I want this Categories menu and all items like Product search module and cart to display always on the left column when you are in the shop.
As it is now it disappears when clicking a product when the single product view opens. How o I set up this?

Please help me out it's all very confusing.

Please Log in or Create an account to join the conversation.

  • Posts: 26151
  • Thank you received: 4027
  • MODERATOR
11 years 5 months ago #102833

Hi,

I don't know how you want to style your menu exactly but here few "tips":

ul.sbg-vmenu, ul.sbg-vmenu li
{
  display: block;
  margin: 0;
  padding: 0;
  width: 100%; /* was: auto */
  line-height: 0;
}

In HikaShop frontend_default.css file:
.pane-sliders .panel h3 {
  background: #f6f6f6;
  color: #666;
}
You can create an override rule in your CSS with
#hikashop_module_156 .pane-sliders .panel h3 {
  /* ... */
}

I think that your module is link to several menus and not display on all pages.
The product page uses the itemId 146 and the category listing the itemId 342.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 5 months ago #102847

Hi Jerome,
Thanks for replying.
Your suggestions partly solved the menu issue, at least for the sub categories listing. The main categories are still weirdly displayed.
I don't find how to style these.
The way I want it to look like is like this (when opening the shop):



The display of the menu is not set to all pages as I only want it to display on the pages that are under the HikaShop section.
I have tried to set up to display on all pages but then it obviously displays even on pages outside the HikaShop. Even if I'm using the Advanced Module Manager I can't find anyhow to filter out the regaular webs pages and display it on all pages under HikaShop.
The same applieas to the cart and the product search module, I would them displayed on all pages under HikaShop as well.

And oops now all products are displayed as free, all prices disappeared :(
Too much playing around and no real control, how can prices go away like this? I think I have checked all price display options and find nowhere to set up all prices as free.
Please need assistance with this.

Last edit: 11 years 5 months ago by LAMF.

Please Log in or Create an account to join the conversation.

  • Posts: 26151
  • Thank you received: 4027
  • MODERATOR
11 years 5 months ago #102860

Hi,

And oops now all products are displayed as free, all prices disappeared
Too much playing around and no real control, how can prices go away like this? I think I have checked all price display options and find nowhere to set up all prices as free.
Please need assistance with this

Please check that you did not activate the "catalog" mode in HikaShop.

About your picture, the file does not exists anymore. You can upload the picture directly in the forum if you want.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 5 months ago #102868

Hi Jerome,
Sorry all my playing around ended in so much mess that I did a restore of the entire site from my last changes at midnight yesterday so now it's up and running again so yo ucan see the image.
I have also added you suggestions.

So now we're at the same spot as my last message...

Please Log in or Create an account to join the conversation.

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 5 months ago #102930

Hi,

As Jerome said, the image is not displaying on our end. Please upload it directly on the forum so that we can see what you're talking about.

Also I checked your website and saw that the modules of HikaShop were displayed on the shop menu. So I don't understand your issue with AMM either. Can you give links of pages where the modules are not displayed and you would like them to be ?

Please Log in or Create an account to join the conversation.

  • Posts: 299
  • Thank you received: 2
11 years 5 months ago #102970

HI,
Strange you can't see the image it is displaying fine now in my browsers.
I upload it as well. I would like the me nu look exactly like the picture that actually is a screen shot when the settings are set to display only a static menu showing only the main categories.
As it is now it is showing all objects at the same time both main categories and sub categories and the styling of the main menu objects are corrupt.

Here is a typical product view where no left column modules are displayed for example the product categories menu, cart, product search.
www.gobbe.se/index.php/component/hikasho...ps-hjaelm?Itemid=146

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 5 months ago #103166

Hi,

If you don't see the modules on the page www.gobbe.se/index.php/component/hikasho...ps-hjaelm?Itemid=146 that's because you restricted your modules to only some menus and that you didn't select the menu with the id 146 which is the one used on that page. Select it in the menu assignment option of your modules and they will display there too.

Regarding the categories listing module on the left, you need to change the option "show sub categories" to "no" in the HikaShop options of the module. You can find that by editing your module (id 156) via the menu Display->Content modules.

Please Log in or Create an account to join the conversation.

Time to create page: 0.099 seconds
Powered by Kunena Forum