Leaderboard

Фильтр товаров в категории 2.0 Демо: Shop Filter Возможности: админ: - создание неограниченного количества опций и значений фильтра; - присваивание опции к нескольким категориям; - присваивание значения опций к товару; - работает как обычный модуль. Позиционирование справа - слева, порядок вывода; пользователь: - выборка товаров по критериям (логику см. картинку); - отображение количества товаров для каждого следующего шага выборки опции-родителя и соседних опций, основываясь на текущей категории и логики выборки; - деактивация критерий с нулевым результатом количества товаров при следующем нажатии; - исключение AJAX дало возможность гарантированно получить данные и создать реальные страницы для поисковых роботов; - запрос с параметрами фильтра выглядит следующим образом: index.php?route=product/category&path=20&filter=1=2,3;3=11,10;4=18 где: переменная GET, опция, значения опции Установка на чистый OpenCart (OpenStore) затронет следующие файлы: admincontrollercatalogproduct.php admincontrollercommonheader.php adminlanguageenglishcatalogproduct.php adminlanguageenglishcommonheader.php adminlanguagerussiancatalogproduct.php adminlanguagerussiancommonheader.php adminmodelcatalogproduct.php adminviewtemplatecatalogproduct_form.tpl adminviewtemplatecommonheader.tpl catalogcontrollerproductcategory.php catalogmodelcatalogproduct.php Установка на чистый OS 1. Извлеките папки из архива openstore_filter_2.0_clean_install.zip в корень сайта с заменой. 2. Система -> пользователи -> группы пользователей -> Главный администратор [Изменить], ставим галки напротив catalog/filter и сохраняем. 3. Войдите в админ панель -> дополнения -> модули -> Фильтр товаров [изменить] -> и нажмите на кнопку "Установить таблицы". Если всё прошло как надо, появится соответствующее уведомление и после этого можно добавлять опции на странице Каталог -> Фильтр товаров. Внимание: проверено на последней версии Opencart v1.4.9.4 (March 19, 2011) с офф. сайта openstore_filter_2.0_clean_install.zip Added 18-07-2011 Установка вручную (thx afwollis) ---------------------------------------------------------------------------------------------------------------------------------------------- Вышла новая версия - 3.0. Возможности, цена вопроса и всё такое - ocfilter.com.

#header #cart .content { background: none repeat scroll 0 0 #FFFFFF; border-color: #EEEEEE; border-radius: 7px 0 7px 7px; border-style: solid; border-width: 1px; box-shadow: 0 2px 2px #DDDDDD; clear: both; display: none; min-height: 150px; padding: 8px; position: relative; right: 172px; top: -1px; } stylesheet.css (строка 175)

top: 246px; расстояние от верхнего края left: 20px; расстояние от левого края замените ваш код на указанный предыдущем сообщении

например так #header #search { position: absolute; top: 246px; left: 20px; width: 298px; z-index: 15; } в stylesheet.css 261 строка

По просьбе юзера данного форума - tehnikawdom решил написать как сделать своё оформление блока категорий, по аналогии можно изменить дизайн всех блоков. И так начнем: По ЭТОЙ ТЕМЕ была задача сделать меню категорий по дизайну КАК ЗДЕСЬ - 9 Меню. Качаем себе вот эту картинку и кидаем в папку image своего шаблона оформления. Сделали? Молодцом!!! Теперь откроем таблицу стилей, это файл stylesheet.css вашего шаблона. Находим вот этот код, который отвечает за дизайн всех левых и правых блоков: .box { margin-bottom: 10px; background: url('../image/box_top.png') no-repeat; } .box .top { padding: 8px 0px 8px 7px; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; } .box .top img { float: left; margin-right: 5px; } .box .middle { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF; padding: 10px; } .box .bottom { height: 5px; background: url('../image/box_bottom.png') no-repeat; } Выделяем, копируем и вставляем ниже. Далее для класса .box добавляем canegory. У нас должно получиться так - .box_category Добавляем везде в скопированном коде. Находим #category и меняем его содержимое на: #category ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; list-style: none; // Убираем картинку-стрелку и блокируем вывод метки ; } #category { margin: 0px; width: 178px; // Ширина внутреннего контента блока, можно поставить 100% ; } #category li a { text-decoration: none; } #category li a:link, #category li a:visited { background: url("../image/menu9.gif") repeat scroll 0 0 transparent; // Картинка когда курсор не наведён ; color: #fff;height:32px; // Цвет шрифта не активный и высота выводимой картинки ; display: block; padding: 0 0 0 32px; } #category li a:hover { background: url("../image/menu9.gif") repeat scroll 0 -32px transparent; // Картинка при наведённом курсоре сдвинута по вертикали на 32 пикселя; color: #000;height:32px; padding: 0 0 0 32px; }Дплее в своём шаблоне в папке module находим файл category.tplВ самом начале тоже добавляем category чтоб получилось вот так - <div class="box_category"> Всё. Этот класс будет отвечать за дизайн только блока категорий и некоим образом не коснётся других блоков. Теперь правим класс как нам хочется. Для tehnikawdom я сделал вот так: .box_category { margin-bottom: 10px; // Определяет отступ между блоками по вертикали ; background: url('../image/box_top.png') no-repeat; // Верхняя картинка блока - Шапочка; } .box_category .top { padding: 8px 0px 8px 7px; color: #000000; // Цвет заголовка категории ; font-size: 14px; // Размер шрифта заголовка ; font-family: Arial, Helvetica, sans-serif; // Без комментариев ; font-weight: bold; // Определяет что шрифт жирный ; text-transform: uppercase; } .box_category .top img { float: left; margin-right: 5px; } .box_category .middle { border-left: 1px solid #DDDDDD; // Левая бордюра бокса ; border-right: 1px solid #DDDDDD; //Правая бордюра бокса ; background: #FFFFFF; padding: 0px; } .box_category .bottom { height: 5px; background: url('../image/box_bottom.png') no-repeat; // Нижняя картинка бокса ; } #category ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; list-style: none; // Убираем картинку-стрелку и блокируем вывод метки ; } #category { margin: 0px; width: 178px; // Ширина внутреннего контента блока, можно поставить 100% ; } #category li a { text-decoration: none; } #category li a:link, #category li a:visited { background: url("../image/menu9.gif") repeat scroll 0 0 transparent; // Картинка когда курсор не наведён ; color: #fff;height:32px; // Цвет шрифта не активный и высота выводимой картинки ; display: block; padding: 0 0 0 32px; } #category li a:hover { background: url("../image/menu9.gif") repeat scroll 0 -32px transparent; // Картинка при наведённом курсоре сдвинута по вертикали на 32 пикселя; color: #000;height:32px; padding: 0 0 0 32px; }Вроде всё расписал, даже комментарии к классам сделал. Вопросов не должно быть, дальше разбираемся сами. Использовал дефолтный шаблон!!! Спасибо за внимание.

Во-первых, у вас на сайте javascript ошибки выдает браузер: ReferenceError: jQuery is not defined [http://shop-casio.ru/catalog/view/javascript/jquery/jcarousel-lite.js:203] ReferenceError: $ is not defined [http://shop-casio.ru/catalog/view/javascript/jquery/footerslider.js:1] ReferenceError: _gat is not defined [http://shop-casio.ru:47] SyntaxError: Unexpected token ILLEGAL [http://shop-casio.ru:63] А заливка - открываете свой файлик стилей http://shop-casio.ru/catalog/view/theme/default/stylesheet/stylesheet.css Находите с 9-й строки стиль тела страницы: body { margin: 0px; padding: 0px; text-align: center; } и добавляете туда строчку с назначением картинки бекграунда, который кладете сюда: http://shop-casio.ru/catalog/view/theme/default/image/ в итоге получается: body { margin: 0px; padding: 0px; text-align: center; background: url('../image/bg-body.png') top left; }

А картинка я смотрю прямо сразу с текстом, тогда вообще просто.. В файле product/product.tpl находим <a onclick="$('#product').submit();" id="add_to_cart" class="button"> <span><?php echo $button_add_to_cart; ?></span> </a>меняем на <a onclick="$('#product').submit();" id="add_to_cart" class="button_cart"> <img src="http://www.umka-babyshop.ru/catalog/view/theme/default2free/image/2.png" alt="" /> </a>

Во-первых, мы с вами на брудершафт не пили, поэтому извольте обращаться на вы.Во-вторых, мне (да и я уверен многим на форуме) действительно не нравятся такие малоинформативные и не несущие никакой ценности сообщения. Для кого вы их пишете? Если вы разобрались с вопросом, то опишите как, возможно кто-то встретится с похожей проблемой и ему будет интересно прочитать решение, а не "разобрался".

Ни во-первых, и не во-вторых ты не прав вообще - так что помолчал бы лучше, а то ругаться мат :) м буду! Обращаться я буду как и всегда на ты - не в реале общаюсь, так что забудь про "вы", раз и на всегда... Тебе не нравится, и что из этого?!Малоинформативные и не несущие никакой ценности сообщения - эт лишь твоё мнение, и не нужно сюда приплитать других пользователей. А что описывать?!Всё давно прекрасно уже описано начиная со второго сообщения в теме, за что спасибо LTRay А мои проблемы/ошибки никого не касаются - раз была допущена с моей стороны!