Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

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


fotojam
 Share

Recommended Posts

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


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

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

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

Link to comment
Share on other sites


  • 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>
Link to comment
Share on other sites


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

 

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

 

<tab>

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

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

</tab>

<tabcontent>

<script>

$(tabN).click(

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

</script>

Link to comment
Share on other sites

  • 3 years later...

Всем привет!

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

Link to comment
Share on other sites


  • 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>

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

спасибо.

Link to comment
Share on other sites


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

54 minutes ago, Pascha said:

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

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

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.