Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Вкладки Tabs в статьях OpenCart


fotojam

Recommended Posts

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


так чтобы это была возможность править через админку в редакторе, есть какие-то модули может?

post-28797-0-49100300-1370971705_thumb.jpg

post-28797-0-01346100-1370971706_thumb.jpg

Надіслати
Поділитися на інших сайтах


  • 4 months later...
  • 4 weeks later...

Вотт

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="dcterms.created" content="Ïò, 06 äåê 2013 05:46:23 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>VG-TABS</title>
  <link rel="stylesheet" href="css/stylesheet.css" type="text/css">
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<script type="text/javascript" src="javascript/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery/tab.js"></script>
  </head>
  <body>
    <div class="tabs">
      <a tab="#tab_description">1</a>
      <a tab="#tab_image">2</a>
     <a tab="#tab_review">3</a>
      <a tab="#tab_related">4</a>
   <a tab="#tab_real">5</a>
 <a tab="#tab_nereal">6</a>
    </div>
<div class="tabt">
    <div id="tab_description" class="tab_page"> 1111111111</div>
  <div id="tab_image" class="tab_page"> 2222222222222   </div>
<div id="tab_review" class="tab_page"> 3333333333333        </div>
    <div id="tab_related" class="tab_page">44444444444    </div>
<div id="tab_real" class="tab_page">555555555555    </div>
<div id="tab_nereal" class="tab_page">66666666666666   </div>
</div>
<script type="text/javascript"><!--
$.tabs('.tabs a'); 
//--></script>


  </body>
</html>
Надіслати
Поділитися на інших сайтах


В таком случае я бы посоветовал делать табы с аякс подгрузкой

 

приведу схему:

 

<tab>

<tab1 rel=адрес основной статьи class=active></tab1>

<tab2 rel=адрес первой статьи></tab2>

</tab>

<tabcontent>

<script>

$(tabN).click(

  $(tabcontent).load($(this.attr(rel)

</script>

Надіслати
Поділитися на інших сайтах

  • 3 years later...

Всем привет!

кто знает, появилось ли за это время элегантное решение по созданию статьи с вкладками (для отображения вариантов доставки) с управлением из админки?

Надіслати
Поділитися на інших сайтах


  • 1 month later...
  • 1 year later...
  • 5 months later...
  • 10 months later...
В 08.03.2020 в 20:00, Pascha сказал:

есть... берете любой (платный, бесплатный) модуль Дополнительные вкладки в товаре и по аналогии делаете для статей

это знаете, если бы я зашел на форум Жигулей и задал бы вопрос "как регулировать клапана на шестерке??"

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

 

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

<ul class="nav nav-tabs">
<li><a href="#menu1" data-toggle="tab">Белгород</a></li>
<li><a href="#menu2" data-toggle="tab">Брянск</a></li>
</ul>
<div class="tab-content">

<div id="menu1" class="tab-pane fade">
<h3>Белгород</h3>
<p>1111</p>
</div>
  
<div id="menu2" class="tab-pane fade">
<h3>Брянск</h3>
<p>1111</p>
</div>
</div>

есть знания и возможности - помогите новичкам, нет знаний/желания - зачем зря трясти воздух ни о чем?

спасибо.

Надіслати
Поділитися на інших сайтах


Самолетом управлять легко. Садишься в него, решаешь куда лететь - и летишь © :D

@at0mik2 , код можно в статью через источник вставлять - прекрасно будет работать

Надіслати
Поділитися на інших сайтах

@Pascha клево, но ТС узнавал, где взять\купить, так что "покажу но не дам" несчитово :ugeek:

54 minutes ago, Pascha said:

это больше похоже на бензопилу, чем на пилку для маникюра?

много кто любит микроскопом гвозди заколачивать =)

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.