Jump to content
Sign in to follow this  
EvgeniyOC

[РЕШЕНО] Поле поиска в адаптивном шаблоне

Recommended Posts

Добрый день!

Постепенно вливаюсь в общество любителей OC, курю маны и документацию. Но, все же иногда возникают вопросы. Если кто-то может задать правильный вектор решения моих проблем, буду очень благодарен!

 

Моя конфигурация: OC Версия 1.5.6.4 + перевод от Rb2 + тема оформления (лицензия) Shoppycart (demo)

 

1) Первая и самая неприятная проблема это поле поиска которое пропадает в мобильной версии сайта, хотя в демке на оф сайте производителя темы оно остается и переносится вверх, под логотип сайта.

post-687543-0-62377800-1412240302_thumb.jpgpost-687543-0-53423600-1412240315_thumb.jpg

Пробежался инструментами разработчика по демке котороя висит он оф.сайте создателя темы и заметил, что у него есть такой кусочек кода:

<!--Begin search mobile-->
<div id="search-mobile">
    <div class="button-search-mobile"><
/div>
    <input type="text" value="" placeholder="Search" name="search"></input>
</div>
<!--End search mobile-->

Проверил у себя в папке с темой оформления файл: header.tpl

И был очень сильно огорчен, у меня данного кусочка кода - нет. (Обидно, однако)

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

<!--Begin search mobile-->
<div id="search-mobile">
    <div class="button-search-mobile"><
/div>
    <input type="text" value="" placeholder="Search" name="search"></input>
</div>
<!--End search mobile-->
 <!-- Begin search -->
          <div id="search">
            <div class="button-search"></div>
            <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
          </div>
 <!-- End search -->

Моему удивлению небыло предела когда все (ну.. почти все) заработало! Заработал поиск в мобильной версии сайта. Но, перестал работать в десктопной. Точнее форма для поиска есть, но ввод туда любого запроса - заканчивается тем, что ничего не найдено. (хотя мобильная версия отлично ищет и все чудно работает)

 

После чего я подумал, скорее всего нехватает условной конструкции If then else которая бы совершала (активацию?) мобильной версии сайта при определенных факторах (юзер агент, разрешения экрана) хотя возможно я думаю совсем не в ту сорону.

 

2) Вопрос номер два который я так же не могу побороть - это локализация кнопки (more) на карточке товара

post-687543-0-88289900-1412240995_thumb.jpg

Мигом полез в product.tpl, нашел кусочек кода в котором фигурирует нужная мне кнопка, попробовал его отредактировать следующим методом:

<!-- Begin box-product-info -->
          <div class="box-product-info">
            <div class="thumbnail-buttons">
                    <div class="more"><a href="<?php echo $product['href'];" title="<?php echo $button_more; ?>"></a></div>
            </div>
            </div>
            <!-- End box-product-info -->

Параметру Title присвоил значение:

<?php echo $button_more; ?>

Предварительно добавил в файл локализации: catalog/language/russian/russian.php

строчку:

 $_['button_more']        ='Подробнее';

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

Самое интересно, что остальные кнопки отлично перевелись и работают:

$_['button_cart']           = 'Купить';
$_['button_compare']        = 'В сравнение';
$_['button_wishlist']       = 'В закладки';
Edited by EvgeniyOC

Share this post


Link to post
Share on other sites

1. лучше отображение класса search задавать через @media в css, тогда искать будет точно и там и там.

2. если именно в карточке товара, то вам нужен файл:

catalog/language/russian/product/product.php

Share this post


Link to post
Share on other sites

 

1. лучше отображение класса search задавать через @media в css, тогда искать будет точно и там и там.

2. если именно в карточке товара, то вам нужен файл:

catalog/language/russian/product/product.php

Спасибо за ответ!

 

По второму вопросу, наверно я немного не корректно выразился. Конечно, хочется локализовать данную кнопку на всем сайте.

Пример: в разделе рекомендуемых товаров есть позиция, если навести на нее мышкой, всплывают кнопки с действиями

post-687543-0-47219000-1412248435_thumb.jpg

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

 

Как я уже писал, я пробовал редактировать часть кода в файле catalog/view/theme/shopycart/template/product/product.tpl

          <!-- Begin box-product-info -->
          <div class="box-product-info">
            <div class="thumbnail-buttons">
                    <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
                    <div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" title="<?php echo $button_cart; ?>" class="button-cart" /></div>
                    <div class="wishlist"><a onclick="addToWishList('<?php echo $product['product_id']; ?>');" title="<?php echo $button_wishlist; ?>"></a></div>
                    <div class="compare"><a onclick="addToCompare('<?php echo $product['product_id']; ?>');" title="<?php echo $button_compare; ?>"></a></div>
            </div>
            </div>
            <!-- End box-product-info -->

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

Так выглядит кнопка которую не получается локализовать:

post-687543-0-01303500-1412248443_thumb.jpg

Share this post


Link to post
Share on other sites

Поищите по языковой папке english текст button_more и увидите, где в русском языке ее внедрять. Переменная для нативного опенкарта нестандартная.

В шаблон лезть для этого не нужно.

catalog/language/english
catalog/language/russian

этого достаточно. Причем здесь title - вообще не понял.

Share this post


Link to post
Share on other sites

Вопрос с локализацией кнопки я решил:

1) Воспользовался поиском по файлам шаблона в Total Commander (спасибо markimax за наводку)

post-687543-0-44928700-1412252910_thumb.jpg

Сделал поиск по классу: more

2) Импортировал все найденные файлы в Sublime Text

3) воспользовался инструментом Замены

post-687543-0-53306300-1412253107_thumb.jpg

 

Заменил

Title="View more"

на

Title="Подробнее"

Все отлично перевелось. Сохранял редактируемые файлы в кодировке UTF-8 без BOM

 

Вопрос первый все еще открыт... Если есть у кого-то еще идеи, буду рад выслушать.

Share this post


Link to post
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
You are posting as a guest. If you have an account, please sign in.
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.

Sign in to follow this  

  • Similar Content

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


      Подарки Opencart
      Данный модуль предназначен для повышения продаж, предлагая бесплатные подарки при достижении определенных условий.
       
      Демо
      Админка
      gifts/gifts

      Эти условия устанавливаются в админке модуля. Покупатель должен совершить покупку товаров на определённую сумму или больше.
      Также есть возможность выбрать несколько товаров в разных товарных группах. Отличительной особенностью данного модуля
      является то, что клиент может сам выбрать себе подарок из нескольких назначенных вами. При помощи данного модуля вы будете стимулировать покупателей увеличивать сумму чека.
      Подарок будет отображаться во всех товарах категории, к которой он принадлежит.
      Примеры использования данного модуля:
      "купи фотоаппарат и получи в подарок карту памяти", "закажи пиццу и получи бутылку пепси в подарок" и т.д.
      Инструкция.docx
       
       
      Добавил whiteblue Добавлено 18.06.2018 Категория Модули Системные требования Сайт разработчика http://white-blue.com.ua/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By whiteblue
      Данный модуль предназначен для повышения продаж, предлагая бесплатные подарки при достижении определенных условий.
       
      Демо
      Админка
      gifts/gifts

      Эти условия устанавливаются в админке модуля. Покупатель должен совершить покупку товаров на определённую сумму или больше.
      Также есть возможность выбрать несколько товаров в разных товарных группах. Отличительной особенностью данного модуля
      является то, что клиент может сам выбрать себе подарок из нескольких назначенных вами. При помощи данного модуля вы будете стимулировать покупателей увеличивать сумму чека.
      Подарок будет отображаться во всех товарах категории, к которой он принадлежит.
      Примеры использования данного модуля:
      "купи фотоаппарат и получи в подарок карту памяти", "закажи пиццу и получи бутылку пепси в подарок" и т.д.
      Инструкция.docx
       
       
    • By DSV
      2 500.00 руб
      Скачать/Купить дополнение


      Grand - адаптивный универсальный шаблон
      Grand – многоцелевой, настраиваемый, легкий в использовании и полностью адаптивный шаблон для работы современного интернет магазина. 
      Подходит для любого типа магазина: одежда, обувь, электроника, спорт, ювелирные изделия и многое другое ...
       
      Демонстрация
      Магазин: http://grand.kreativ.pro/
      Админка: http://grand.kreativ.pro/admin/ , доступ: demo / demo
       
      Совместимость
      Работает с Opencart v3.0, Русская сборка OpenCart v3.0, ocStore v3.0
       
      Настройки:
      "Быстрый Старт" (Quick Start).
      Настройка основных цветов в админке
      Добавление CSS в админке
      Добавление JavaScript в админке
      Модуль "Настройка шаблона"
      Модуль "Баннеры"
      Модуль "Новости" (с добавлением сопутствущих товаров)
      Модуль "Категории на главной", с возможностью выбора категорий, выводятся блоками по одной категории
      Модуль "Заказ в 1 клик" (с учетом в админке)
      Модуль "Вывод текста во всплывающем окне"
      Модуль "Дополнительные вкладки в карточке товара"
      Модуль "Нашли дешевле?"
      Модуль "Заказ обратного звонка" (с учетом в админке)
      Модуль "Подписка на новости"
      Модуль "Просмотренные товары"
      Модуль "Рекомендуемые" (добавляете свои товары и меняете заглавие на свое)
      Модуль "Слайдшоу" (с возможностью добавления своего текста и некоторыми настройками)
      Модуль "Сообщить когда появится"
      Модуль "Текстовые баннеры"
      Модуль "Быстрый просмотр товара"
      Вывод Артикула (SKU) в карточке товара
      Добавление карты на странице "Контакты"
      Пользовательские меню в шапке сайта
      Контактная информация в шапке сайта
      Контактная информация в подвале сайта
      Трехуровневое основное и боковое меню
      Основное меню (свои ссылки, бренды, информация, контакты)
      Стикер товара – Акция
      Иконки социальных сетей в шапке сайта
      Иконки социальных сетей в подвале
      Иконки платежных систем в подвале сайта
      Свои иконки социальных сетей в карточке товара и в новостях
      Zoom эффект изображения в карточке товара
      Возможность отключения кнопки "Купить" и "Заказ в один клик" если товара нет в наличии
      Свои ссылки в подвале сайта
      Слайдер дополнительных изображений в карточке товара
      Всплывающее окно при нажатии кнопки купить
      Авторизация во всплывающем окне
      В настройках шаблона можно добавить логотип в подвале сайта
      Хлебные крошки - убраны ссылки страницы на саму себя
      Вкл/Выкл краткого описания товаров
      Вкл/Выкл прокрутки в модулях (рекомендуемые, акции, бестселлер, новинки, блог)
      Вкл/Выкл картинки категорий в списке товаров
      Вкл/Выкл кнопки в "Закладки", в "Сравнение"
      Вкл/Выкл ссылок в подвале сайта
      Вкл/Выкл микроразметки карточки товара
      Вкл/Выкл поворота картинки при наведении курсора
      Вкл/Выкл Условия соглашения (Контакты, Быстрый заказ, Заказ звонка)
       
      Лицензия:
      Шаблон можно использовать только на одном основном домене (тестовые без ограничений).
       
      Техническая поддержка
      Через личные сообщения на данном форуме.
      Поддержка производится только пользователям, числящимся в списке покупателей шаблона.
      Добавил DSV Добавлено 09.12.2018 Категория Платные шаблоны Системные требования Сайт разработчика dsv@kreativ.pro Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By DSV
      Grand – многоцелевой, настраиваемый, легкий в использовании и полностью адаптивный шаблон для работы современного интернет магазина. 
      Подходит для любого типа магазина: одежда, обувь, электроника, спорт, ювелирные изделия и многое другое ...
       
      Демонстрация
      Магазин: http://grand.kreativ.pro/
      Админка: http://grand.kreativ.pro/admin/ , доступ: demo / demo
       
      Совместимость
      Работает с Opencart v3.0, Русская сборка OpenCart v3.0, ocStore v3.0
       
      Настройки:
      "Быстрый Старт" (Quick Start).
      Настройка основных цветов в админке
      Добавление CSS в админке
      Добавление JavaScript в админке
      Модуль "Настройка шаблона"
      Модуль "Баннеры"
      Модуль "Новости" (с добавлением сопутствущих товаров)
      Модуль "Категории на главной", с возможностью выбора категорий, выводятся блоками по одной категории
      Модуль "Заказ в 1 клик" (с учетом в админке)
      Модуль "Вывод текста во всплывающем окне"
      Модуль "Дополнительные вкладки в карточке товара"
      Модуль "Нашли дешевле?"
      Модуль "Заказ обратного звонка" (с учетом в админке)
      Модуль "Подписка на новости"
      Модуль "Просмотренные товары"
      Модуль "Рекомендуемые" (добавляете свои товары и меняете заглавие на свое)
      Модуль "Слайдшоу" (с возможностью добавления своего текста и некоторыми настройками)
      Модуль "Сообщить когда появится"
      Модуль "Текстовые баннеры"
      Модуль "Быстрый просмотр товара"
      Вывод Артикула (SKU) в карточке товара
      Добавление карты на странице "Контакты"
      Пользовательские меню в шапке сайта
      Контактная информация в шапке сайта
      Контактная информация в подвале сайта
      Трехуровневое основное и боковое меню
      Основное меню (свои ссылки, бренды, информация, контакты)
      Стикер товара – Акция
      Иконки социальных сетей в шапке сайта
      Иконки социальных сетей в подвале
      Иконки платежных систем в подвале сайта
      Свои иконки социальных сетей в карточке товара и в новостях
      Zoom эффект изображения в карточке товара
      Возможность отключения кнопки "Купить" и "Заказ в один клик" если товара нет в наличии
      Свои ссылки в подвале сайта
      Слайдер дополнительных изображений в карточке товара
      Всплывающее окно при нажатии кнопки купить
      Авторизация во всплывающем окне
      В настройках шаблона можно добавить логотип в подвале сайта
      Хлебные крошки - убраны ссылки страницы на саму себя
      Вкл/Выкл краткого описания товаров
      Вкл/Выкл прокрутки в модулях (рекомендуемые, акции, бестселлер, новинки, блог)
      Вкл/Выкл картинки категорий в списке товаров
      Вкл/Выкл кнопки в "Закладки", в "Сравнение"
      Вкл/Выкл ссылок в подвале сайта
      Вкл/Выкл микроразметки карточки товара
      Вкл/Выкл поворота картинки при наведении курсора
      Вкл/Выкл Условия соглашения (Контакты, Быстрый заказ, Заказ звонка)
       
      Лицензия:
      Шаблон можно использовать только на одном основном домене (тестовые без ограничений).
       
      Техническая поддержка
      Через личные сообщения на данном форуме.
      Поддержка производится только пользователям, числящимся в списке покупателей шаблона.
    • By smartcoder
      600.00 руб
      Скачать/Купить дополнение


      Товары в статьях и в любом месте сайта
       
      Возможности модуля:
      1. Установка блоков товаров в статьи или в категории, абсолютно в любое место сайта.
      1.1. Фильтрация блоков по определенным категориям, популярности, новизне.
      2. Создание тематических лэндинг страниц с промо-акциями, к примеру товары к 8 марта, 23 февраля, новый год
      3. Отслеживание трэк-кода с какой площадки был сделан заказ.
      4. Установка блоков товаров на партнерских сайтах с отслеживанием партнерского трэк-кода.
       
       
      Модуль SmartProducts можно использовать как для составления блоков товаров и размещением их абсолютно на любой странице, как и для партнерской программы.
       
       
       
      P.S.: Модуль распространяется как есть.
      Перед покупкой ознакомьтесь с описанием модуля и с демо версией, указанной выше.
      Автор в праве отказать в поддержке и в возврате средств, если вы будете устанавливать на видоизмененный opencart (даже если поменяли только папку ./admin)
       
      Добавил smartcoder Добавлено 13.05.2018 Категория Модули Системные требования Сайт разработчика smart-coder.ru Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 2.3
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет  
  • 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.