CSS меню для osCommerce

17.01.2010 | Написав

Стандартное меню категорий на osCommerce имеет довольно убогие настройки. Если быть точным, то вообще не имеет. Отображается, как стандартный бокс, единственно можно менять картинки слева от категории, но отображение категорий и подкатегорий одинаковое, кроме отступа слева. В общем, меня это не устраивало, и я долго искал ему замену.

Основные требования:

  • возможность указать разные стили для категорий, подкатегорий на всю глубину каталога
  • легкая настройка
  • легкая интеграция

Такой контрибут я нашел A CSS based Menu. Что в нем хорошего:

  • позволяет устанавливать отдельные стили для любого раздела меню категорий раздельно согласно ID в базе данных. Т.е. один раздел можно сделать одним стилем, другой другим и т.д.
  • легкая интеграция, в том числе и в сборки Oscommerce VAM Edition и E-shop Master.
  • две небольшие правки в \includes\classes\boxes.php и \includes\boxes\categories.php

Недостатки. Его достоинство будет и его недостатком. Каждый раз при создании новой категории (подкатегории), нужно будет добавлять стиль в CSS файл. Чтобы этого не делать, можно заранее внести стили с соответствующими ID наперед. Например, так:

.button1, .button2, .button3, .button4, .button5,
.button6, .button7, ....... .button100 {display: block;font-size: 14px;
list-style: none;padding:8px 0;margin: 0;text-align:left;}
.item1, .item2, .item3, .item4, .item5,
.item6, .item7, ....... .item100 {display: block;margin-left:10px;
font-size: 14px;list-style: none;
background:url(images/bg-subcat.gif) 10px center no-repeat;
padding:8px 0 8px 23px;text-align:left;}

.button описывают категории, .item – подкатегории.

1 коментарій читачів статті "CSS меню для osCommerce"
Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.