Добавление вкладок в инфо страницах opencart
Вкладки в opencart для информационных страниц.
Создание, разработка, изготовление сайтов | WEB-STYDIA.COM

Доброго времени суток уважаемые пользователи нашего сайта.

Давно уже ничего здесь не писал, все времени не хватало, сегодня же хочу поделится простым методом добавление контента с использованием табов ( вкладок ) именно на информационных страницах opencart.

Меня частенько спрашивают пользователи о такой возможности, многие просто не хотят плодить страницы на сайте а описать всю нужную информацию на одной странице, но так как иногда текста много да и еще он разный то страница может получится не красивой и очень длинной в связи с этим многим хотелось бы использовать именно вкладки на страницах в точности так же как в самой карточке товара....

Можно конечно найти различные скрипты  в интернете для этих целей и делать вкладки на html , но зачем искать если в opencart уже есть данный функционал в карточке товара, давайте его же мы и применим для информационных страниц.

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

Ладно не буду здесь разводить поэзии а приступим не посредственно к самой задаче, да и поздно уже пишу с полузакрытыми сонными глазами... :)

Ниже на фото вы можете посмотреть что у нас в итоге должно получится:

 

И так для того что бы отобразить вкладки на opencart в страницах нам нужно открыть файл:

И добавить перед кодом вывода подвала:

Следующий код:

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

Ну вот и все, теперь у вас на странице будет отображаться добавленная информация именно во вкладках.

Пробуйте тестируйте если что не получится спрашивайте в комментариях.

Вас также может заинтересовать

Нет комментариев

Вы можете оставить комментарий первым.

Оставить комментарий

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