Integrate hikashop layout in joomla menus

  • Posts: 16
  • Thank you received: 0
11 years 2 months ago #14043

I would like to create a layout, with on the left side, all in the same layout (that is bold, with no buttons in front of them:)

Our products, (and below them a hikashop category listing with articles, normal font, without buttons in front of them))
About us,
General Conditions


etc. What is the best way to do this?
Thanks in advance!

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

  • Posts: 75835
  • Thank you received: 11830
  • MODERATOR
11 years 2 months ago #14045

So, if I understand you, you want to have a listing of products on the left and a listing of categories. Like we have on our demo website, is that it ?
If so, you can create new hikashop content modules via the joomla module manager following this tutorial:
www.hikashop.com/en/support/documentatio...splay-front-end.html

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

  • Posts: 16
  • Thank you received: 0
11 years 2 months ago #14048

yes, but I want "categories" in the same layout as "About us" and other articles: all without buttons in front of them.

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

  • Posts: 75835
  • Thank you received: 11830
  • MODERATOR
11 years 2 months ago #14049

By buttons what do you mean ? The bullet points ?
That can be changed with CSS. Most of the time, it's just about setting "_menu" in the module class suffix option of the module or in the UL class suffix option of the module.

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

  • Posts: 16
  • Thank you received: 0
11 years 2 months ago #14077

Please give me another hint!!!

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

  • Posts: 75835
  • Thank you received: 11830
  • MODERATOR
11 years 2 months ago #14096

Sure but I still don't know what you want to do. You didn't answer my question.
Could you give link of some screenshots to explain more what you want ?

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

  • Posts: 16
  • Thank you received: 0
11 years 2 months ago #14127

Thanks. If you look at creafeestje.nl/ (under construction), I want the articles "home" without the bullet point, and in the same font as"Inlogformulier", so I think I have to make it a menu? (but don't know how)

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

  • Posts: 75835
  • Thank you received: 11830
  • MODERATOR
11 years 2 months ago #14141

Home is a joomla menu item. Inlogformulier is the title of your login module.
That's two different things and none of them are related to HikaShop. It's related to your template CSS. You need to edit the file creafeestje.nl/templates/beez5/css/beez5.css and change the CSS code there.
For example, to remove the bullet point, you need to remove the code:
ul.menu li a:link, ul.menu li a:visited {
color: #444;
background: url(../images/karo.gif) 5px 12px no-repeat;
}
and refresh your browser's cache to see the change.

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

  • Posts: 16
  • Thank you received: 0
11 years 2 months ago #14478

Hi Nicolas, that worked,thank you, and I would be even more happier if the indent before the menu items will diasappear, so that every menu, menu item etc is in the same vertical line. (See: creafeestje.nl).
I thought adding ".menu{padding-left:0px;}
.menu ul{padding-left:0px;} would work," but it didn't....

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

  • Posts: 75835
  • Thank you received: 11830
  • MODERATOR
11 years 2 months ago #14487

The indentation is already set in your template CSS, so you need to remove CSS and not add CSS:

ul.menu {
list-style-type: none;
margin: 0 0 0px 0px;
padding: 0px 5px 20px 5px;
}

ul.menu li a:link, ul.menu li a:visited {
display: block;
padding: 7px 4px 7px 15px;
text-decoration: none;
}

in creafeestje.nl/templates/beez5/css/layout.css

This is not the place to ask for joomla template CSS styling. Please go on forum.joomla.org for that. I also recommend you to use firebug to style your CSS easily: www.tutorial9.net/tutorials/web-tutorial...opment-with-firebug/

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

  • Posts: 16
  • Thank you received: 0
11 years 2 months ago #14494

Hi Nicolas, thank your for your kind voluntarily help!

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

Time to create page: 0.072 seconds
Powered by Kunena Forum