8uh.ru - это информационный портал в стиле "Подслушано". Обсуждаем важные новости мира и интернета, показываем тонкости работы с различными сайтами и социальными сетями: от сайтов поисковых систем Яндекс, Гугл, Мэйл, Рамблер, Нигма до соцсетей Вконтакте, Одноклассники, Твиттер и Пинтерест. Подсказываем как грамотно сделать сайт и получить на него посетителей, используя различные способы продвижения сайтов: SEO-продвижение, краунд-маркетинг, соцсигналы, SMM-маркетинг и SMO-маркетинг.

Вкладка «Характеристики» OpenCart по-умолчанию

По-умолчанию, в OpenCart 2 и более ранних версий движка главная вкладка, которую мы видим в карточке товара — это вкладка с описанием. Хотя здесь дело вовсе не в движке, а в используемом шаблоне сайта, многие сталкиваются с трудностями при смене этих вкладок. Допустим, вместо вкладки описания надо главной сделать вкладку характеристик или отзывов — начинающие пользователи впадают в ступор на этом моменте.

Рассмотрим как можно легко и просто сделать вкладку «Характеристики» вкладкой по-умолчанию, то есть той, которую мы будем видеть при открытии карточки любого товара на сайте.

Делаем вкладку «Характеристики» главной

Итак, все легко и просто. Здесь многие начинают лезть в контроллеры или модели, встречались и такие персонажи, которые советовали изменять порядок в массиве (вероятно массив со вкладками), но всё гораздо банальней.

Открываем файл product.tpl, отвечающий за вывод карточки товара на вашем сайте. Этот файл находится по пути:

ваш_сайт/catalog/view/theme/*название_темы*/template/product/product.tpl

В этом файле находим такой участок кода (может быть немного изменён в зависимости от используемой темы Опенкарт):

Уже поняли, что нужно сделать, чтобы вкладка характеристики (#tab-specification) была открыта в карточке товара Опенкарт по-умолчанию? Нет?

Обратите внимание на

  • .Берём класс class=»active» из #tab-description и переносим его в #tab-specification. Получаем следующий код, которым заменяем код выше:

    Теперь активной по-умолчанию будет вкладка #tab-specification (характеристики), если нужно сделать главной вкладку с отзывами, то class=»active» указываем для li из #tab-review.

    Но это ещё не всё!

    Идём далее по файлу product.tpl, находим ниже код:

    Мы сделали вкладку с характеристиками товара Opencart отмеченной по-умолчанию, теперь нужно сделать так, чтобы содержимое вкладки характеристик было также отображалось по-умолчанию. Для этого, содержимому вкладки tab-specification нужно указать класс active.

    В коде выше активная содержимое — это вкладка tab-description (описание). Меняем классы:

    Если у вас тема DEFAULT, то все действия будут аналогичны приведённым выше. Если нет — можете обращаться в комментарии… постараемся помочь.

    Результаты до:

    Вкладка описания по-умолчанию

    После:

    Вкладка характеристики по-умолчанию

    Если вкладка с описанием продукта OpenCart пустая — удаляем её

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

    Пользователи, при открытии карточки товара будут видеть пустое место, хоть другие вкладки заполнены. Чтобы этого избежать, нужно скрыть пустую вкладку с описанием. Делается это довольно просто: нужно добавить небольшой скрипт в «подвал» сайта.

    Открываем файл footer.tpl, расположенный по пути:

    ваш_сайт/catalog/view/theme/*название_темы*/template/common/footer.tpl

    Прокручиваем его до самого низа и перед добавляем скрипт:

    Этот скрипт проверит, и, если вкладка #tab-description пустая (содержит лишь <p><br></p>), то удалит эту вкладку с её содержимым, а затем отметит #tab-specification и покажет её.

    В общем-то всё. Успехов!

Рассказать о подслушанном:

Комментарии

Комментариев: 4, к записи: “Вкладка «Характеристики» OpenCart по-умолчанию
  • Алексей пишет:

    Получилось! Огромное Спасибо! Автору

    Ответить
  • Виктор пишет:

    Спасибо, мне помогло!

    Ответить
  • Виталий пишет:

    Добрый день , помогите мне сделать вышесказанное с нестандартным шаблоном. У меня нету таких строк как указано выше .

    Ответить
    • Глава 8-ми ушей пишет:

      Здравствуйте!

      Покажите код файла ваш_сайт/catalog/view/theme/*название_темы*/template/product/product.tpl. Постараемся помочь.

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *