I can't get left side menu to display?

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

nicolas wrote: 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.


Yes I know that it has to do with the menu assignment and it does work if I choose to display it everywhere but then it's also displayed on the regular site and I only want it displayed when entering the Web shop. Then the menu with ID 146 I don't find that one but when I entered the View=>Content Menus=>Products listing and then click the link for the Options for 'Assiciated products listing menu 342' I come to the right spot as I go into the option "Menu" and choose "Categories list", voila it display on all pages in the shop!

nicolas wrote: 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.


Yes I did this when I made a screen shot to show yo uhow I want it displayed when entering the shop. The problem is that I would like it to expand when clicking a main category in that meny so It displays all subcategories listed and when clicking the same main category it closes the menu again or if you click another main category it colses the open one and display all sub categories of the newly clicked main category.
I also know to achieve this I can choose Inherit in the same dialog instead of "no".
I have with help from Firebug styled it so now I'm almost there, only missing to have the background colour shifting to green the same way as the sub categories but I don't find that style rule anywhere no matter how I laborate with different classes.
Can you help me find the correct styleing rule to manage this?
Regards
Micke

Last edit: 11 years 5 months ago by LAMF. Reason: Changing status

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

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

Hi,

About the different shop pages. You can create hidden menus (using the "hikashop hidden menu" category). So you can have some links or part of your website links to a menu, thanks to these menu, you can associate them some modules.
An "ItemId" is a menu so, you can be able to link a module to it.

About the menu ( www.gobbe.se/index.php/hastsportbutiken ). I see you already have css rules for it:

#hikashop_module_156 .pane-sliders .panel h3:hover {
  background: #3C8801;
  color: #FFFFFF;
}
But you can't change the text color, because there is a "conflict" rule:
#hikashop_module_156 .pane-sliders .panel a {
  /* ... */
  color: #474747;
}
That you can override with:
#hikashop_module_156 .pane-sliders .panel h3:hover a {
  color: #FFFFFF;
}
For the background shifting, it is working good when I test it.

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.
The following user(s) said Thank You: LAMF

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

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

hi Jerome,
Thanks for giving me the simple css solution.

Is it possible to make the entire are for each main categories clickable like th esub menus?
Like it is now you have to hover the link text before it's clickable on the main categories.

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

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

LAMF wrote: Is it possible to make the entire are for each main categories clickable like th esub menus?
Like it is now you have to hover the link text before it's clickable on the main categories.


Hi,

I do not understand your request.

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 #103458

Hi,
Sorry for meking myself unclear.
I mean when you enter the store and go with the mouse over one of the main categories the background turn green ok but the link to that category listing page is only available if you click the text inside the green box. I would like the entire box as a link not only the text.
On the sub categories you can just click the box and it work slike a link = the entire box is the link not only the text part.

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

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

Hi,

I am quite sure it is possible to customize it like you want, modifying some margins, paddings, etc.
But we are not experts on it: We are developers, no designer.

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 #103571

Jerome wrote: Hi,

I am quite sure it is possible to customize it like you want, modifying some margins, paddings, etc.
But we are not experts on it: We are developers, no designer.

Regards,


Thanks for all assistance, I am also sure somehow but it's too much effort and no demand from my client so I'm satisfied with it as it is now.

Regards
Micke

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

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

nicolas wrote: Hi,

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.


Hi,
I tried this but it gives no effect. I have only managed to remove the background color of the pop-up window but not to remove the scroll bar.
There is a iframe with a html document residing inside and if I set height to 90% of that in Firebug it takes away the scroll bar but where is the view for that in HikaShop backend,
In hikashop=>View=>Views=>Checkout notice I find some id's and classes but adding styles to them doesn't have any effect on the pop-up window.
I just need to get rid of the scroll-bar and also change font family of the message text then I'm done...
Does anyone has any suggestions?

Regards
Micke

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

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

Hi,

The "checkout | notice" view is the popup content when you add a product in the cart.
But this content is not "alone" int the popup. Your template is still called but with the parameter "tmpl=component" in order to hide a lot of modules.
The popup contains an iframe which display another page (the popup content). So the two elements (the main page and the popup content) are independents.

If you have a scrollbar in the popup, it means that the content is too "big". It can be made by the content itself or by some CSS rules.
Like Nicolas point the "min-width" rule which set all pages width to 961px minimum.
Maybe there is another rule in another file which do the same thing.
You have to check which element is too big in the popup and see the CSS rule affected.

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 #103747

Jerome wrote: Hi,

The "checkout | notice" view is the popup content when you add a product in the cart.
But this content is not "alone" int the popup. Your template is still called but with the parameter "tmpl=component" in order to hide a lot of modules.
The popup contains an iframe which display another page (the popup content). So the two elements (the main page and the popup content) are independents.

If you have a scrollbar in the popup, it means that the content is too "big". It can be made by the content itself or by some CSS rules.
Like Nicolas point the "min-width" rule which set all pages width to 961px minimum.
Maybe there is another rule in another file which do the same thing.
You have to check which element is too big in the popup and see the CSS rule affected.

Regards,


Yes I know one of the elemants is too big and if I set the height of the html document inside the iframe to 90% the scroll bar disappears but that is only possible with firebug not in reality.
You're probably right about some conflicting css rule with the min-width: 961px involved. I gotta search for that but that is the width of the contennt area of the main content of the site so I guess I could do a lot of harm to diable that.

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

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

Hi,

Problem does not really come from the height 100%, but it comes from several elements which are "incompatibles".
If you removed all margins and paddings for the elements "ul / li" in the popup, the scrollbar will disappear.

Problem is, margins and padding could influence the height of an element.
Setting an height of 10px and a padding of 5px, the total height will be : 20px (10px + 2*5px).

That's why, having a height of 100% and some direct childs elements with padding, will result an height superior than 100%.

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 #103836

Hi,
Yes this was the most comlicated element styling issue I've ran into so far :)
I solved the scroll-bar bu setting this rule:

.wf-active {
       height: 30%;
}
Yet anopther thing that I haven't solved is the height of the element itself, it is a inline elemnt styled in the sorce of the elemnt code so if I would like to change the height of that I need to know where this code is generated. It would be better looking if I could set height to 100px instead of 140px as it is now.

A question:
When changing the styling in the HikaShop Display=>CSS=>frontend_custom.css will those changes stay untouched even after a upgrade of HikaShop?

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

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

Hi,

Yes, only the "frontend_default.css" file is updated. The custom CSS files stay untouched (no modification, no deletion, no addition).

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.
Last edit: 11 years 5 months ago by Jerome.

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

Time to create page: 0.077 seconds
Powered by Kunena Forum