Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to create valid css styled categories box?


sclif

Recommended Posts

Help me please! I cant understand PHP.

I did not find any ready solutions.

How to make a menu of categories that looks like?

 

<ul id="menu">
<li class="categorie_top_on"><a href='#'>Hardware</a>
  <ul>
  <li class="categorie_on"><a href='##'>CDROM Drives</a></li>
  <li class="categorie"><a href='#'>Graphics Cards</a></li>
  </ul>
</li>

<li class="categorie_top"><a href='#'>Software</a>
  <ul>
 <li class="categorie"><a href='#'>Action</a></li>
 <li class="categorie"><a href='#'>Simulation</a></li>
 <li class="categorie"><a href='#'>Strategy</a></li>
  </ul>
</li>
</ul>

 

Where:

categorie_top_on - css class for currently selected category

categorie_on - css class for currently selected subcategory

categorie_top - css class for another category

categorie - other subcategories

 

 

All categories and subcategories shall be in an unordered list of the form:

 

<li> Category 
  <ul> 
	<li> Sub-category </ li> 
	<li> Sub-category </ li> 
  </ ul> 
</ li>

 

This (http://www.oscommerce.com/community/contributions,4589/) CSS menu generate valid unordered list like above, but no current category style.

And this contribution (http://www.oscommerce.com/community/contributions,3293/) make CSS style for categories and subcategories, but no valid list :-(

 

And I can not make one сontribution, to satisfy both conditions :-(

Link to comment
Share on other sites

 

Thanks, but it is only for box design.

In fact, it is necessary to change the file categories.php in /includes/boxes/.

I would try to get myself in programming php. The correct code of categories.php would allow the use incredibly beautiful and modern categories menu.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...