Скрыть подробное описание, если оно не заполнено Есть решение

2 ответа

• популярные
• новые

• 2

  replicant 5 июня 2020 20:10 # Решение

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

  $(function(){
  
  $('.tab-menu').click(function(){$('.tab-menu').removeClass('selected');$('.tab-content').parent().hide(200);$(this).addClass('selected');$('#tab'+$(this).attr('value')).show(200)})
  
  })

  Пример кода с вкладками.
  

  <div class="info-block">
  <ul class="info-block-menu">
      {$_desc = trim($product.description)}
  
      {if $_desc}
      <li class="tab-menu selected" value="1">
          <span>[`Overview`]</span>
      </li>
      {/if}
  
      {if $product.features}
      <li class="tab-menu{if !$_desc} selected{/if}" value="2">
          <span>[`Features`]</span>
      </li>
      {/if}
  
      {if empty($theme_settings.hide_reviews)}
      <li class="tab-menu" value="3">
          <span>[`Reviews`]&nbsp;({$reviews_total_count})</span>
      </li>
  </ul>
  <!-- тут типа контент вкладок пошел -->
  <div class="info-block-content">
      {if $_desc}
      <div id="tab1">
          <div class="tab-head"><h2>[`Overview`]</h2></div>
          <div class="tab-content">
              <div class="description" id="product-description" itemprop="description">{$_desc}</div>
          </div>
      </div>
      {/if}
  
      {if $product.features}
      <div id="tab2"{if $_desc} style="display:none;"{/if}>
          <div class="tab-head"><h2>[`Features`]</h2></div>
          <div class="tab-content">
          ну и дальше пошел вывод хар-к...короче там уже не интересно совсем

  ответить
  • +1

    Николай 8 июня 2020 13:17 #

    День добрый! Благодарю за помощь!

    ответить