Перейти к содержанию
jazzikov

[Поддержка] Шаблон с всплывающими в меню картинками категорий

Рекомендуемые сообщения

Шаблон с всплывающими в меню картинками категорий


Шаблон с всплывающими в меню картинками категорий


Установка шаблона:

1. Загружаем все из архива в папку магазина

2. Вас попросят заменить один файл - header.php (там одна строчка новая, которая отвечает за картинки категорий в меню)

3. В админке магазина выбираем шаблон openstore-1

Инструкции по изменениям внутри архива.

Шаблон отличается анимированным меню, с 2-мя выезжающими блоками, и картинкой категории.

Также подсветка при наведении на пункты боковых меню и выделение активных категорий.

По вопросам изменения шаблона или создания с нуля, просьба обращаться в личку.

Демо магазин


 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Это Вы написали ?

<script type="text/javascript">
			$(function() {
	/**
	* for each menu element, on mouseenter,
	* we enlarge the image, and show both sdt_active span and
	* sdt_wrap span. If the element has a sub menu (sdt_box),
	* then we slide it - if the element is the last one in the menu
	* we slide it to the left, otherwise to the right
	*/
				$('#sdt_menu > li').bind('mouseenter',function(){
	 var $elem = $(this);
	 $elem.find('img')
	   .stop(true)
	   .animate({
	   'height':'85px',
	   'left':'0px'
	   },800,'easeOutBack')
	   .andSelf()
	   .find('.sdt_wrap')
		  .stop(true)
	   .animate({'top':'130px'},800,'easeOutBack')
	   .andSelf()
	  
		.find('.sdt_wrap2')
		  .stop(true)
	   .animate({'width':'170px','height':'60px','top':'140px'},500,'easeOutBack')
	   .andSelf()
	  
	   .find('.sdt_active')
		  .stop(true)
	   .animate({'height':'100px'},300,function(){
	  var $sub_menu = $elem.find('.sdt_box');
	  if($sub_menu.length){
	   var left = '170px';
	   if($elem.parent().children().length == $elem.index()+1)
		left = '-160px';
	   $sub_menu.show().animate({'left':left},200);
	  }
	 });
	}).bind('mouseleave',function(){
	 var $elem = $(this);
	 var $sub_menu = $elem.find('.sdt_box');
	 if($sub_menu.length)
	  $sub_menu.hide().css('left','0px');
	
	
	 $elem.find('.sdt_active')
	   .stop(true)
	   .animate({'height':'0px'},300)
	   .andSelf().find('img')
	   .stop(true)
	   .animate({
	   'height':'0px',
	   'left':'85px'},400)
	   .andSelf()
	   .find('.sdt_wrap')
	   .stop(true)
	   .animate({'top':'25px'},500);
	  
	});
			});
		</script>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Нет, это известная штука, я ее адаптировал под опенкарт

сегодня еще один вариант шаблона с ней выложил, по другому анимированное меню

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

да, это он.

а вы думаете просто закинул код в хедер и все заработало?)))

ну посидите, поадаптируйте, посмотрим сколько возьмете))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

да, это он.

а вы думаете просто закинул код в хедер и все заработало?)))

ну посидите, поадаптируйте, посмотрим сколько возьмете))

думаю у меня час на этой уйдет. не, ну если вы на это день убили цена вполне оправдана =))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

На глаз сообразил конструкцию, не тестировал ... просто так...

<?php if ($categories) { ?>
<div id="menu">
  <ul id="sdt_menu" class="sdt_menu">
<?php foreach ($categories as $category) { ?>
	    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?><img src="<?php echo $category['thumb']; ?>" alt="<?php echo $category['name']; ?>"/></a>
	  <?php if ($category['children']) { ?>
	  <span class="sdt_active"></span>
	  <span class="sdt_wrap">
	   <span class="sdt_link"><?php echo $category['name']; ?></span>
	   <span class="sdt_descr"></span>
	  </span>
		    <div class="sdt_box">
    <?php for ($i = 0; $i < count($category['children']);) { ?>
			   <ul>
	 <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
	 <?php for (; $i < $j; $i++) { ?>
	 <?php if (isset($category['children'][$i])) { ?>
	  <li>
	   <a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a>
	  </li>
	 <?php } ?>
	 <?php } ?>
    </ul>
    <?php } ?>
			  </div>
	 <?php } ?>
		  </li>
<?php } ?>
  </ul>
  </div>
<?php } ?>
Если в контроллере добавить вывод $category['thumb'] то и отображаться будет рис. категории...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

http://first.net23.net/

ток выглядит не очень, я плохой дизайнер =)

<?php if ($categories) { ?>
<div style="margin-top: 100px; height: 90px">
  <ul id="sdt_menu" class="sdt_menu">
    <?php foreach ($categories as $category) { ?>
    <li>
        <a href="<?php echo $category['href']; ?>">
            <img src="<?php echo $category['thumb']; ?>" alt=""/>
            <span class="sdt_active"></span>
            <span class="sdt_wrap">
                <span class="sdt_link"><?php echo $category['name']; ?></span>
                <span class="sdt_descr"><?php echo $category['description']; ?></span>

            </span>
        </a>
        <?php if ($category['children']) { ?>
            <div class="sdt_box">
                <?php foreach($category['children'] as $child) { ?>
                    <a href="<?php echo $child['href']?>"><?php echo $child['name']?></a>
                <?php }?>
            </div>
        <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Браво ребята!)) вы молодцы оба.

Так...теперь правим КССочку, чтобы все подкатегории выпадали, размерчики, картиночки, цвета и так далее.

Потом шаблон до конца доделываем и выкладываем за 200 рублей.

Утрете мне нос))

Вообще спорить о таких вещах бессмысленно, или спорить про ваши работы))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Браво ребята!)) вы молодцы оба.

Так...теперь правим КССочку, чтобы все подкатегории выпадали, размерчики, картиночки, цвета и так далее.

Потом шаблон до конца доделываем и выкладываем за 200 рублей.

Утрете мне нос))

Вообще спорить о таких вещах бессмысленно, или спорить про ваши работы))

уже утерли. осталось найти верстальщика который приведет меню к не пугающему виду.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вообще спорить о таких вещах бессмысленно, или спорить про ваши работы))

Ну если уж и заламывать цены, акцентируя на "анимированное меню с картинками категорий", то хоть как то уже посерйозней разработку, а не адаптацию, которую при нужных знаниях за минут так с пол часа можно адаптировать + ещё пол. часика на присвоение классов в КТС...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ну так делайте, в чем проблема? тут продаются и более страшные шаблоны и дороже.

это меню как вариант

смотрел я модули, которые 99 рублей не стоят, вообще смысла в них не вижу. Ну так покупать или не покупать решает каждый для себя.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Marta17
      Перекинули со старого движка Open cart на новый ocStore 2.3.0.2.3
      Сайт new.realturnik.ru
      На новом движке Opencart нужно изменить шаблон сайта, доработать дизайн, кнопки, цвет, нарисовать новые баннеры.
      Возможно подключить модули.
      Выслушаю все пожелания, и предложения. Хочется чтобы сайт смотрелся хорошо.
      Если не буду отвечать здесь, пишите на эл.почту которая указана на сайте.
    • От Anatoliy888
      Добрый день, коллеги!
      Прошу прощения за вероятно глупый вопрос, но перед тем как спрашивать неоднократно опробовал все возможные способы.
      Для справки - я очень начинающий пользователь opencart 3, уровень "почти 0"
      История: Купил на themforest премиум шаблон basel, в комплекте предлагалось несколько сменных дизайнов (тем). Шаблон установил, он работает.
      Не могу сменить тему default .... действовал строго по инструкции - результат "0"....
      Написал разработчику - он прислал ту же инструкцию - еще несколько раз сделал все по ней - результат "0"...
      Проверил, не удалил ли я случайно какую-то папку и все - ли установил - ничего не потерял, все установил....
      Прошу, подскажите что делать ???
      Заранее благодарен.
      С уважением,
    • От chukcha
      Скачать/Купить дополнение


      Быстрое переключение между шаблонами
      При разработке модулей, шаблонов возникает необходимость переключения между шаблонами.
      Благодаря этому моду - переключение произойдет прямо с фронтенда.
      Demo:
      http://demo.slasoft.kharkov.ua/
      Добавил chukcha Добавлено 07.08.2015 Категория Прочее  
    • От jazzikov
      700.00 руб
      Скачать/Купить дополнение


      Шаблон OpenCart-анимированное меню с выплывающими картинками категорий
      Не знаю кто решил что он слизан с того что указан выше. Сами решайте.
      Установка шаблона:
      1. Загружаем все из архива в папку магазина
      2. Вас попросят заменить один файл - header.php (там одна строчка новая, которая отвечает за картинки категорий в меню)
      3. В админке магазина выбираем шаблон openstore-1
      Шаблон отличается анимированным меню, с 2-мя выезжающими блоками, и картинкой категории.
      Также подсветка при наведении на пункты боковых меню и выделение активных категорий.
      Картинки категорий загружайте квадратные. Количество пунктов верхнего меню - 6 штук.
      По вопросам изменения шаблона или создания с нуля, просьба обращаться в личку.
      ДЕМО шаблона
      Добавил jazzikov Добавлено 22.01.2013 Категория Платные шаблоны  
    • От Divo
      599.00 руб
      Скачать/Купить дополнение


      Шаблон Kid's Store
      Oc Store 1.5.3.1 с изменённым default шаблоном
      Установлен vQmod, плюс - минус в корзине, модуль htmlbox через который реализованно слайдшоу( изображения в слайдшоу могут быть размещены на стороне), модуль Блог / Новости (подправил и перевёл админку), плавющее меню
      В архиве - архив с с файлами сайта и база данных
      Установка: В папку вашего сайта закачиваете через FTP или файл-менеджер то, что в архиве. Идёте в phpMyadmin или в панели управления хостингом создаёте базу данных и жмёте импорт,загружаете базу. Возвращаетесь в папку сашего сайта и в файлах config.php и admin/config.php прописываете пути к сайту и файлам.
      Демо шаблона
      Добавил Divo Добавлено 17.12.2012 Категория Платные шаблоны  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.