Jump to content
Sign in to follow this  
PVT

[Решено] Перенес поле Поиск и Корзина и Поиск перестал работать

Recommended Posts

Перенес поле Поиск и Корзина как показано на скриншоте

 

e181f6a85b51.jpg

 

Поиск перестал работать.

Вот  header.tpl, вставил в блок меню

c989272f16ac.jpg

вот common.js

/* Search */
    $('#search input[name=\'search\']').parent().find('button').on('click', function() {
        url = $('base').attr('href') + 'index.php?route=product/search';
 
        var value = $('menu input[name=\'search\']').val();
 
        if (value) {
            url += '&search=' + encodeURIComponent(value);
        }
 
        location = url;
    });
 
    $('#search input[name=\'search\']').on('keydown', function(e) {
        if (e.keyCode == 13) {
            $('menu input[name=\'search\']').parent().find('button').trigger('click');
        }
    });
Не срабатывает поиск.

Подскажите, пожалуйста, где поправить?

 

Спасибо!

Share this post


Link to post
Share on other sites

#menu ?

Share this post


Link to post
Share on other sites

#menu ?

 

изменить на header ?

 

не работает 

 

/* Search */
$('#search input[name=\'search\']').parent().find('button').on('click', function() {
url = $('base').attr('href') + 'index.php?route=product/search';
 
var value = $('header input[name=\'search\']').val();
 
if (value) {
url += '&search=' + encodeURIComponent(value);
}
 
location = url;
});
 
$('#search input[name=\'search\']').on('keydown', function(e) {
if (e.keyCode == 13) {
$('header input[name=\'search\']').parent().find('button').trigger('click');
}
});
 
Вот полная часть header.tpl с кодом переноса Поиска и Корзины в самом низу 
 
<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
   
      </div>
    </div>
  </div>
</header>
<?php if ($categories) { ?>
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        <?php foreach ($categories as $category) { ?>
        <?php if ($category['children'] == 'rrr') { ?>
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle"><?php echo $category['name']; ?></a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">
              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
              <ul class="list-unstyled">
                <?php foreach ($children as $child) { ?>
                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
                <?php } ?>
              </ul>
              <?php } ?>
            </div>
            <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>
      </ul>
    </div>
  </nav>
<div class="row"> 
     <div class="col-sm-5"><?php echo $search; ?> </div>
     <div class="col-sm-4"></div>
     <div class="col-sm-3"><?php echo $cart; ?></div>

</div>
</div>
<?php } ?>

Share this post


Link to post
Share on other sites


/* Search */

$('#search input[name=\'search\']').parent().find('button').on('click', function() {

url = $('base').attr('href') + 'index.php?route=product/search';

var value = $('#search input[name=\'search\']').val();

if (value) {

url += '&search=' + encodeURIComponent(value);

}

location = url;

});

$('#search input[name=\'search\']').on('keydown', function(e) {

if (e.keyCode == 13) {

$('#search input[name=\'search\']').parent().find('button').trigger('click');

}

});

Share this post


Link to post
Share on other sites

Спасибо большое! 

Сработало!

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Similar Content

    • By 2OC
      490.00 руб
      Скачать/Купить дополнение


      2OC Megasearch
      Модуль 2OC Megasearch. Настройка в поиске размеров изображений, количества продуктов, категорий и производителей или банера. Возможность кеширования. Установка своих стилей для элементов поиска через админку и т.д. и т.п.
       
      ДЕМО:
      Главная страница
      Админка
      login: demo
      pass: demo
       
      Поиск по:
      названию товара SKU UPC EAN JAN ISBN MPN Показ изображения товара с возможностью выбора размера
      Показ цены товара в результатах поиска
      Указание числа вводимых символов для начала поиска и вывода результатов
      Кеширование.
       
      Поиск и показ в списке результатов категорий, производителей и фильтров.
      Выбор лимита выводимых результатов для товаров, категорий, брендов и фильтров  в списке
      3 типа поиска:
      Вертикальный (стандартный) Горизонтальный (на всю ширину) Кеширование результатов поиска.
       
      Совместимость с другими темами из коробки не гарантируется! Могу помочь с интеграцией 2OC Megasearch в ваш шаблон.
      При особой необходимости и свободном времени могу адаптировать 2OC Megasearch под версии 2.1 или 2.2 OpenCart и ocStore.
       
      Вид поиска по умолчанию показан на изображении ниже с включенным банером.
      Добавил 2OC Добавлено 11.05.2020 Категория Модули Системные требования Ioncube Loader Метод активации По запросу в ЛС
      По запросу на почту
      По скайпу Ioncube Loader Требуется OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
    • By matroskin92
      Скачать/Купить дополнение


      Живой поиск с категориями
      Настраиваемый живой поиск с категориями для Opencart 3. 
       
      Модуль позволяет искать товары без перезагрузки страницы по названию, по описанию, по модели, артикулу и т.д, дополнительно разбивая товары по категориям, что делает процесс поиска для пользователя невероятно удобным.
       
      ДЕМО
      Opencart 3 \ ocStore 3 (demo/demo)   
      УСТАНОВКА
      Установите модуль через стандартный установщик Перейдите к настройкам модуля "Горячий поиск" Осуществите первичную настройку модуля (практически каждое поле содержит справочную информацию по настройке) Обновите кэш модификаторов Попробовать найти свой товар на сайте Поставить оценку и отзыв модулю
      ВАЖНАЯ ОСОБЕННОСТЬ
      Если Вы счастливый обладатель сборки ocStore, то в настройках на первой странице вы можете включить дополнительную опцию (она так и называется ocStore), которая позволит вам не дублировать товары в разных категориях, тем самым увеличивая точность вывода результатов поиска.
       
      ПОДДЕРЖКА
      Техническая поддержка осуществляется на уровне консультации на форуме или в личных сообщениях без подключения к вашему сайту.
       
      ДРУГИЕ ВЕРСИИ OPENCART
      Не будет.
      Добавил matroskin92 Добавлено 24.10.2019 Категория Поиск Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет Старая цена 0  
    • By Bn174uk
      Модуль позволяет через telegram управлять сайтом.
      Это пилотная версия модуля для понимания актуальности дальнейшего развития его.
       

      У кого хостинг располагается на территории России есть вероятность, что модуль не будет работать из-за блокировки telegram-а в России. с 18 июня 2020г. в РФ официально больше не блокирует телеграм.

      В данный момент, что уже реализовано:
      Просмотр заказов(общий список и развернутая информация по заказу); Поиск товаров(пока не рекомендую его использовать, если по ключевому слову может быть найдено более 10 товаров) Просмотр товара(пока информация о заказе статичная, а именно нельзя выбирать что отображать)
      Demo bot

      Команды бота:
      /start - начала работы с ботом /orders - вывод заказов /calendar - вызов календаря /pN - где N - id товара, /order_N - где N - номер заказ  
      Что в планах реализовать:
      сделать сортировку заказов; изменения информации о заказе; просмотр зарегистрированных пользователей; и т.д. идей много, и готовы выслушать и другие предложения чего бы хотелось видеть в модуле.
      Инструкция по настройке:

      Шаг 1:
      Зайдите в Telegram, в поиске найдите бота BotFather и начните с ним общение. Напишите боту команду /newbot - это команда для создания нового бота. BotFather в ответ напишет, чтобы Вы написали имя бота. Напишите обратным сообщением это имя (Например: Бот для уведомлений о заказах) - это имя можно потом поменять. После ввода имени BotFather запросит ввести username (публичное имя бота) оно должно иметь окончание bot (Например: cmsshopbot или cmsshop_bot); Если такое имя не занято, то в ответ получите сообщение с token вашего нового бота; Перейдите по ссылке на своего бота из сообщения либо найдите его в поиске по username (которое указали) и нажмите /start. Это надо для того, чтобы бот смог Вам писать. Без этого Вы не сможете получать уведомления. Шаг 2:
       
      Выберите нужную версию модуля в зависимости от Вашей версии opencart; Cодержимое папки upload(admin,catalog,system) залить на сайт через ftp.
      Шаг 3:
      После перейдите в расширения->модули и найдите "A-Управление сайтом через Telegram"" активируйте его; Зайдите в настройки модуля; Укажите token(в поле "Токен бота") который выдал Вам бот BotFather; Укажите ID юзера кто имеет доступ к боту, а именно к его командам. Если нужно, чтобы доступ был к нескольким пользователям, укажите через запятую эти ID (Например: 12222222222,22222223333,333333333); Как узнать свой ID в Telegram  Все, бот настроен и готов к использованию.
      Для активации модуля писать в ЛС или на почту.

      Системные требования:
      PHP 5.6 или выше; curl; на сайте должен быть https(без него модуль не будет работать);  
      Техническая поддержка:
      Техническая поддержка осуществляется всем пользователям, легально купившим модуль на оф.сайтах либо у самого автора.

      По всем вопросам и предложениям писать [email protected]
    • By Bn174uk
      750.00 руб
      Скачать/Купить дополнение


      Управление сайтом через telegram
      Модуль позволяет через telegram управлять сайтом.
      Это пилотная версия модуля для понимания актуальности дальнейшего развития его.
       

      У кого хостинг располагается на территории России есть вероятность, что модуль не будет работать из-за блокировки telegram-а в России. с 18 июня 2020г. в РФ официально больше не блокирует телеграм.

      В данный момент, что уже реализовано:
      Просмотр заказов(общий список и развернутая информация по заказу); Поиск товаров(пока не рекомендую его использовать, если по ключевому слову может быть найдено более 10 товаров) Просмотр товара(пока информация о заказе статичная, а именно нельзя выбирать что отображать)
      Demo bot

      Команды бота:
      /start - начала работы с ботом /orders - вывод заказов /calendar - вызов календаря /pN - где N - id товара, /order_N - где N - номер заказ  
      Что в планах реализовать:
      сделать сортировку заказов; изменения информации о заказе; просмотр зарегистрированных пользователей; и т.д. идей много, и готовы выслушать и другие предложения чего бы хотелось видеть в модуле.
      Инструкция по настройке:

      Шаг 1:
      Зайдите в Telegram, в поиске найдите бота BotFather и начните с ним общение. Напишите боту команду /newbot - это команда для создания нового бота. BotFather в ответ напишет, чтобы Вы написали имя бота. Напишите обратным сообщением это имя (Например: Бот для уведомлений о заказах) - это имя можно потом поменять. После ввода имени BotFather запросит ввести username (публичное имя бота) оно должно иметь окончание bot (Например: cmsshopbot или cmsshop_bot); Если такое имя не занято, то в ответ получите сообщение с token вашего нового бота; Перейдите по ссылке на своего бота из сообщения либо найдите его в поиске по username (которое указали) и нажмите /start. Это надо для того, чтобы бот смог Вам писать. Без этого Вы не сможете получать уведомления. Шаг 2:
       
      Выберите нужную версию модуля в зависимости от Вашей версии opencart; Cодержимое папки upload(admin,catalog,system) залить на сайт через ftp.
      Шаг 3:
      После перейдите в расширения->модули и найдите "A-Управление сайтом через Telegram"" активируйте его; Зайдите в настройки модуля; Укажите token(в поле "Токен бота") который выдал Вам бот BotFather; Укажите ID юзера кто имеет доступ к боту, а именно к его командам. Если нужно, чтобы доступ был к нескольким пользователям, укажите через запятую эти ID (Например: 12222222222,22222223333,333333333); Как узнать свой ID в Telegram  Все, бот настроен и готов к использованию.
      Для активации модуля писать в ЛС или на почту.

      Системные требования:
      PHP 5.6 или выше; curl; на сайте должен быть https(без него модуль не будет работать);  
      Техническая поддержка:
      Техническая поддержка осуществляется всем пользователям, легально купившим модуль на оф.сайтах либо у самого автора.

      По всем вопросам и предложениям писать [email protected]
      Добавил Bn174uk Добавлено 01.12.2018 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Нет Старая цена 3500  
    • By Adelit
      Нужна Сортировка покупателей по количеству заказов с целью выявить самых активных и постоянных клиентов.
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.