0 Пользователей и 1 Гость просматривают эту тему.
  • 32 Ответов
  • 10765 Просмотров
*

Biss

  • Давно я тут
  • 972
  • 101 / 0
Проверялось на шаблоне Protostar и на некоторых Shape5   (другой шаблон который поддерживает стили)
Табы в карточке товара JoomShopping 4 Joomla 3 теперь можно прописать без дополнительных скриптов и при желании разрисовать в CSS.
Для себя разместил в табах видео, характеристики, отзывы, описание.

Блоки кода в файле -
 product_default.php
можно разместить следующим образом.

Пример с двумя вкладками - описание и отзывы

Код
<ul class="nav nav-tabs">
    <li class="active"><a href="#desc" data-toggle="tab"><h3><?php echo _JSHOP_DESCRIPTION ?></h3></a></li>
<?php if ($this->allow_review){?>
    <li><a href="#review" data-toggle="tab"><h3><?php echo _JSHOP_ADD_REVIEW_PRODUCT ?></h3></a></li>
    <?php }?>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="desc">

        <div class="jshop_prod_description">
            <?php print $this->product->description; ?>
        </div>

    </div>

<?php if ($this->allow_review){?>
    <div class="tab-pane" id="review">
        <?php
            print $this->_tmp_product_html_before_review;
            include(dirname(__FILE__)."/review.php");
        ?>
    </div>
    <?php }?>
</div>

Кто желает узнать больше, можно почитать http://getbootstrap.com/javascript/#tabs
« Последнее редактирование: 16.01.2015, 20:23:48 от Biss »
*

FitMe

  • Захожу иногда
  • 310
  • 10 / 2
Доброго времени суток.

Простите может за тупой вопрос, но уже часа два ломаю голову.
Как вырвать видео и вставить в вкладку.

У меня если и получается, то с галереей изображений что то происходит.
Буду благодарен!
*

nevigen

  • Moderator
  • 10293
  • 855 / 25
  • http://n*****n.com
Код
<?php foreach($this->videos as $k=>$video){?>
<?php if ($video->video_code) { ?>
<div class="video_full" id="hide_video_<?php echo $k?>"><?php echo $video->video_code?></div>
<?php } else { ?>
<a href="<?php echo $this->video_product_path?>/<?php echo $video->video_name?>" id="video_<?php echo $k?>" onclick="jQuery(this).media( { width: <?php echo $this->config->video_product_width;?>, height: <?php echo $this->config->video_product_height;?>} ); return false;">
<img class="jshop_video_thumb" src="<?php echo $this->video_image_preview_path."/"; if ($video->video_preview) echo $video->video_preview; else echo 'video.gif'?>" alt="video" />
</a>
<?php } ?>
<?php } ?>
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

Счастливая мама

  • Осваиваюсь на форуме
  • 35
  • 0 / 0
Здравствуйте! Помогите, кто смогите, пожалуйста)

Сделала 2 вкладки в карточке товара (Характеристики и Сопутствующие товары), но возникла проблема когда я с одной вкладки перехожу на другую, то потом уже вторая вкладка не открывается. Может в коде я что-то напутала. Помогите, пожалуйста.

Вот какой код я прописала:

<ul class="nav nav-tabs">
      <li class="active"><a href="#char" data-toddle="tab"><h3><?php echo _JSHOP_CHAR ?><h3></a></li>
      <?php if (count($this->related_prod)){?>
    <li><a href="#related" data-toggle="tab"><h3><?php echo _JSHOP_RELATEDPR ?></h3></a></li>
    <?php }?>
      
   </ul>
   
   <div class="tab-content">
      <div class="tab-pane active" id="char">
            <?php if (is_array($this->product->extra_field)){?>
            <div class="extra_fields">
            <?php foreach($this->product->extra_field as $extra_field){?>
                <?php if ($extra_field['grshow']){?>
                    <div class='block_efg'>
                    <div class='extra_fields_group'><?php print $extra_field['groupname']?></div>
                <?php }?>
               
                <div class="extra_fields_el">
                    <span class="extra_fields_name"><?php print $extra_field['name'];?></span><?php if ($extra_field['description']){?>
                        <span class="extra_fields_description">
                            <?php print $extra_field['description'];?>
                        </span><?php } ?>:
                    <span class="extra_fields_value">
                        <?php print $extra_field['value'];?>
                    </span>
                </div>
                               
                <?php if ($extra_field['grshowclose']){?>
                    </div>
                <?php }?>
            <?php }?>
            </div>
        <?php }?>
      
      </div>
   <div class="tab-pane" id="related">
      <?php
        print $this->_tmp_product_html_before_related;
        include(dirname(__FILE__)."/related.php");
      ?>
   </div>
   
   </div>
   
*

Biss

  • Давно я тут
  • 972
  • 101 / 0
внимательней надо быть, что такое
1) data-toddle="tab"
2) нет слеша в h3

Код
<ul class="nav nav-tabs">
    <li class="active"><a href="#char" data-toggle="tab"><h3><?php echo _JSHOP_CHAR ?></h3></a></li>
<?php if ($this->allow_review){?>
    <li><a href="#related" data-toggle="tab"><h3><?php echo _JSHOP_RELATEDPR ?></h3></a></li>
    <?php }?>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="char">

    код блок характер -к

    </div>

<?php if ($this->allow_review){?>
    <div class="tab-pane" id="related">
   
код, блок сопут.

    </div>
    <?php }?>
</div>
« Последнее редактирование: 28.08.2015, 18:30:09 от Biss »
*

Счастливая мама

  • Осваиваюсь на форуме
  • 35
  • 0 / 0
Спасибо! Огромное спасибо! Я первый раз делала и очень волновалась. Буду внимательней.
Я очень вам благодарна! очень-очень!
*

kit2m2

  • Живу я здесь
  • 2700
  • 220 / 1
У Вас Неправильная расстановка тэгов. Нельзя вкладывать блочные элементы в строковые. Тэг "H3" нельзя вкладывать в тэг "a".
Сам сталкивался с такой проблемой. Пришлось обойтись без тегов заголовков. Пример.
Бесплатные расширения для JoomShopping | Расширения на заказ | Шаблоны страниц JoomShopping | Сайты и магазины под ключ | Исправлю проблемы с навигацией и дублями | Переделаю ваш старый сайт на новом движке
*

dmitry_stas

  • Легенда
  • 13152
  • 1232 / 8
"h3" в "a" нельзя, да. но "a" в "h3" ведь можно. в чем принципиальная разница? почему
Цитировать
Пришлось обойтись без тегов заголовков
?
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

kit2m2

  • Живу я здесь
  • 2700
  • 220 / 1
"h3" в "a" нельзя, да. но "a" в "h3" ведь можно. в чем принципиальная разница? почему?
Почему пришлось отказаться?
Потому что при обратном вложении вкладки перестали работать.
« Последнее редактирование: 28.08.2015, 23:58:16 от kit2m2 »
Бесплатные расширения для JoomShopping | Расширения на заказ | Шаблоны страниц JoomShopping | Сайты и магазины под ключ | Исправлю проблемы с навигацией и дублями | Переделаю ваш старый сайт на новом движке
*

dmitry_stas

  • Легенда
  • 13152
  • 1232 / 8
не вижу причин почему они должны перестать работать. конструкция
Код
<li class="active"><h3><a href="#desc" data-toggle="tab"><?php echo _JSHOP_DESCRIPTION ?></a></h3></li>
прекрасно работает. только стили поправить нужно.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

kit2m2

  • Живу я здесь
  • 2700
  • 220 / 1
Да, работает. Это я Неправильно выразился. Но я не стал править стили, оставил родные Bootstrap. И без тэгов заголовков можно обойтись.
В своем плагине я даже сначала сделал выбор типов заголовков вкладок (h3-h6), но потом удалил этот выбор вместе с заголовками.
Бесплатные расширения для JoomShopping | Расширения на заказ | Шаблоны страниц JoomShopping | Сайты и магазины под ключ | Исправлю проблемы с навигацией и дублями | Переделаю ваш старый сайт на новом движке
*

Kayser

  • Захожу иногда
  • 50
  • 1 / 0
отзывы, описание.
 и сопутствующие, есть по умолчанию. а вот как убрать описание характеристики товара во вкладку характеристики предварительно создав её? Скрин
Спойлер
[свернуть]
« Последнее редактирование: 23.08.2016, 12:16:57 от Kayser »
*

kit2m2

  • Живу я здесь
  • 2700
  • 220 / 1
Есть плагин Вкладки Bootstrap на странице товара JoomShopping

При помощи плагина можно создать от 2-х до 7-ми вкладок и в любой вкладки можно разместить любой блок или несколько блоков.
Бесплатные расширения для JoomShopping | Расширения на заказ | Шаблоны страниц JoomShopping | Сайты и магазины под ключ | Исправлю проблемы с навигацией и дублями | Переделаю ваш старый сайт на новом движке
*

Kayser

  • Захожу иногда
  • 50
  • 1 / 0
Есть плагин Вкладки Bootstrap на странице товара JoomShopping

При помощи плагина можно создать от 2-х до 7-ми вкладок и в любой вкладки можно разместить любой блок или несколько блоков.

У меня шаблон Protostar, подойдёт ли?
Цитировать
можно разместить любой блок или несколько блоков
То, что у меня на скрине, туда убрать можно? И как это сделать? Я ни капли не разбираюсь в этом.

P/S сейчас пробовал вставлять код из примера выше, весь сайт белый)
*

kit2m2

  • Живу я здесь
  • 2700
  • 220 / 1
У меня шаблон Protostar, подойдёт ли? То, что у меня на скрине, туда убрать можно? И как это сделать? Я ни капли не разбираюсь в этом.
P/S сейчас пробовал вставлять код из примера выше, весь сайт белый)

Будет работать с любым шаблоном, если что помогу с настройкой.
Бесплатные расширения для JoomShopping | Расширения на заказ | Шаблоны страниц JoomShopping | Сайты и магазины под ключ | Исправлю проблемы с навигацией и дублями | Переделаю ваш старый сайт на новом движке
*

krylof

  • Захожу иногда
  • 92
  • 5 / 0
Мне, напротив, надо убрать вкладку ИНФОРМАЦИЯ. В шаблоне такой возможности не нашел
*

kit2m2

  • Живу я здесь
  • 2700
  • 220 / 1
У Вас эти вкладки прописаны в шаблоне. Ищите в или в папке HTML - шаблона Joomla, или в шаблоне JoomShopping. Что может быть проще, взять и удалить не нужный код?
Бесплатные расширения для JoomShopping | Расширения на заказ | Шаблоны страниц JoomShopping | Сайты и магазины под ключ | Исправлю проблемы с навигацией и дублями | Переделаю ваш старый сайт на новом движке
*

Dorfman

  • Завсегдатай
  • 1202
  • 78 / 4
  • Почти влез...
Доброго времени суток.

Простите может за тупой вопрос, но уже часа два ломаю голову.
Как вырвать видео и вставить в вкладку.

У меня если и получается, то с галереей изображений что то происходит.
Буду благодарен!

Если подключен Бутстрап, можно вообще поизвращаться и получить красотень. В примере ниже табами выводятся: описание, характеристики, фотогалерея, видео и обзоры.

Код
<? 
// Первым делом проверяем, подключен ли Bootstrap
// Таб описания оставляем включенным и открытым всегда по умолчанию
// формируем заголовки табов с условиями, если они включены в настройках или доступны по другим условиям
?>

<ul class="nav nav-tabs nav-justified">
        <li class="active"><a data-toggle="tab" href="#desc">Описание</a></li>

<?  // Проверяем, включены ли характеристики в настройках, и выводим заголовок таба
    // Если в настройках выключено или характеристик нет вообще - таб не выводится
    // По аналогии можно сделать проверку для каждого таба
 ?>

    <?php if (is_array($this->product->extra_field)){?>
        <li><a data-toggle="tab" href="#features">Характеристики</a></li>
    <?php }?>
<?  // Проверяем, если картинок больше 1, то выводим таб с галереей. По аналогии и видео  ?>
    <?php if ( (count($this->images)>1) ) {?>
        <li><a data-toggle="tab" href="#photos">Фото</a></li>
    <?php }?>
    <?php if (count($this->videos)){?>
        <li><a data-toggle="tab" href="#videos">Видео</a></li>
    <?php }?>
        <li><a data-toggle="tab" href="#reviews">Отзывы</a></li>
</ul>




<? //формируем контент табов с условиями, если они включены в настройках ?>
<div class="tab-content">
    <div id="desc" class="tab-pane fade in active">
        <h3>Описание товара</h3>
        <div class="jshop_prod_description">
            <?php print $this->product->description; ?>
        </div> 
    </div>
    <?php if (is_array($this->product->extra_field)){?>
    <div id="features" class="tab-pane fade">
        <h3>Характеристики товара</h3>
        <div class="extra_fields">
            <table class="table table-striped table-bordered table-hover">
                <?php foreach($this->product->extra_field as $extra_field){?>
                    <?php if ($extra_field['grshow']){?>
                        <div class='block_efg'>
                            <div class='extra_fields_group'>
                                <?php print $extra_field['groupname']?>
                            </div>
                    <?php }?>
                            <div class="extra_fields_el">
                                <tr>
                                    <td>
                                        <span class="extra_fields_name"><?php print $extra_field['name'];?></span><?php if ($extra_field['description']){?>
                                            <span class="extra_fields_description">
                                                <?php print $extra_field['description'];?>
                                            </span><?php } ?>:
                                    </td>
                                    <td><span class="extra_fields_value">
                                                <?php print $extra_field['value'];?>
                                            </span>
                                    </td>
                                </tr>
                            </div>
                            <?php if ($extra_field['grshowclose']){?>
                        </div>
                            <?php }?>
                    <?php }?>
            </table>
        </div>
    <?php }?>
            <?php print $this->_tmp_product_html_after_ef;?>
    </div>
   
    <?php if ( (count($this->images)>1) ) {?>
    <div id="photos" class="tab-pane fade">
        <h3>Фото товара</h3>
        <span id='list_product_image_thumb'>
            <?php foreach($this->images as $k=>$image){?>
                <img class="jshop_img_thumb" src="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" onclick="showImage(<?php print $image->image_id?>)" />
            <?php }?>   
        </span>
    <?php }?>
                <?php print $this->_tmp_product_html_after_image_thumb;?>
    </div>

    <?php if (count($this->videos)){?>
        <div id="videos" class="tab-pane fade">
            <h3>Видеообзоры товара</h3>
                <?php foreach($this->videos as $k=>$video){?>
                    <?php if ($video->video_code) { ?>
                        <a href="#" id="video_<?php print $k?>" onclick="showVideoCode(this.id);return false;"><img class="jshop_video_thumb" src="<?php print $this->video_image_preview_path."/"; if ($video->video_preview) print $video->video_preview; else print 'video.gif'?>" alt="video" /></a>
                    <?php } else { ?>
                            <a href="<?php print $this->video_product_path?>/<?php print $video->video_name?>" id="video_<?php print $k?>" onclick="showVideo(this.id, '<?php print $this->config->video_product_width;?>', '<?php print $this->config->video_product_height;?>'); return false;"><img class="jshop_video_thumb" src="<?php print $this->video_image_preview_path."/"; if ($video->video_preview) print $video->video_preview; else print 'video.gif'?>" alt="video" /></a>
                    <?php } ?>
                <?php } ?>
    <?php }?>
                <?php print $this->_tmp_product_html_after_video;?> 
        </div>

        <div id="reviews" class="tab-pane fade">
            <h3>Отзывы покупателей</h3>
                <?php
                    print $this->_tmp_product_html_before_review;
                    include(dirname(__FILE__)."/review.php");
           
                    print $this->_tmp_product_html_before_related;
                    include(dirname(__FILE__)."/related.php");
                ?>
        </div>
</div>
*

nevigen

  • Moderator
  • 10293
  • 855 / 25
  • http://n*****n.com
Если подключен Бутстрап, можно вообще поизвращаться и получить красотень. В примере ниже табами выводятся: описание, характеристики, фотогалерея, видео и обзоры.
только чтобы была "красотень", ленги надо использовать я не прямо названия в коде.
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

stainles

  • Захожу иногда
  • 57
  • 0 / 0
Здравствуйте!
Может кто то подсказать как сделать что бы при нажатии на определенную вкладку в адресной строке после ссылки на товар отображался хеш - #char, #desc, #related и т.д. ?
*

kit2m2

  • Живу я здесь
  • 2700
  • 220 / 1
Здравствуйте.
В инете говорят, нужно так:

https://gist.github.com/luubinhan/6776310

https://codepen.io/rnr/pen/dMNZmx/

Сам не пробовал.

Бесплатные расширения для JoomShopping | Расширения на заказ | Шаблоны страниц JoomShopping | Сайты и магазины под ключ | Исправлю проблемы с навигацией и дублями | Переделаю ваш старый сайт на новом движке
*

stainles

  • Захожу иногда
  • 57
  • 0 / 0
Да хотелось бы по проще...
С помощью якорей (якорь) это можно как то сделать ? : <a id="desc"></a>
*

kit2m2

  • Живу я здесь
  • 2700
  • 220 / 1
С помощью якорей (якорь) это можно как то сделать ? : <a id="desc"></a>
Вам нужно скроллировать к вкладкам, а не отрывать нужную? Тогда можете сделать якорем.
Бесплатные расширения для JoomShopping | Расширения на заказ | Шаблоны страниц JoomShopping | Сайты и магазины под ключ | Исправлю проблемы с навигацией и дублями | Переделаю ваш старый сайт на новом движке
*

sivers

  • Завсегдатай
  • 1727
  • 237 / 0
Да хотелось бы по проще...
Код
jQuery(function(){
  jQuery('a[href^="#"]').on('click', function(){
    location.hash = jQuery(this).attr('href');
  });
});
На связи в телеге @sivers
https://sivers.su/
*

stainles

  • Захожу иногда
  • 57
  • 0 / 0
Спасибо всем за помощь. С хеш разобрался.
Но наверное я не в том направлении двигаюсь. Суть в следующем: увидел в мобильной выдачи - карточка товара - на некоторых сайтах отображаются быстрые ссылки: отзывы, описания и т.д.
Очень захотелось себе такое заполучить...
*

stainles

  • Захожу иногда
  • 57
  • 0 / 0
Код
jQuery(function(){
  jQuery('a[href^="#"]').on('click', function(){
    location.hash = jQuery(this).attr('href');
  });
});

А нет случайно решения что бы при открытии ссылки в другом окне, браузере: .../товар#отзывы или .../товар#описание и т.д. - закидывало в карточку товара не на активную вкладку а на ту на которую реально указывает ссылка с #... ?
*

sivers

  • Завсегдатай
  • 1727
  • 237 / 0
Код
jQuery(function(){
  if(location.hash){
    jQuery('a[href="'+location.hash+'"]').trigger('click');
  }
  jQuery('a[href^="#"]').on('click', function(){
    location.hash = jQuery(this).attr('href');
  });
});
На связи в телеге @sivers
https://sivers.su/
*

stainles

  • Захожу иногда
  • 57
  • 0 / 0
Код
jQuery(function(){
  if(location.hash){
    jQuery('a[href="'+location.hash+'"]').trigger('click');
  }
  jQuery('a[href^="#"]').on('click', function(){
    location.hash = jQuery(this).attr('href');
  });
});

Охре...ть !  :D :D :D
Сутки искал решение в интернете и так и не нашел....
СПАСИБО ОГРОМНОЕ!
все работает
*

sivers

  • Завсегдатай
  • 1727
  • 237 / 0
На здоровье
На связи в телеге @sivers
https://sivers.su/
*

stainles

  • Захожу иногда
  • 57
  • 0 / 0
Код
<?php foreach($this->videos as $k=>$video){?>
<?php if ($video->video_code) { ?>
<div class="video_full" id="hide_video_<?php echo $k?>"><?php echo $video->video_code?></div>
<?php } else { ?>
<a href="<?php echo $this->video_product_path?>/<?php echo $video->video_name?>" id="video_<?php echo $k?>" onclick="jQuery(this).media( { width: <?php echo $this->config->video_product_width;?>, height: <?php echo $this->config->video_product_height;?>} ); return false;">
<img class="jshop_video_thumb" src="<?php echo $this->video_image_preview_path."/"; if ($video->video_preview) echo $video->video_preview; else echo 'video.gif'?>" alt="video" />
</a>
<?php } ?>
<?php } ?>

Здравствуйте!
Подскажите пожалуйста, есть ли возможность сделать так что бы вкладка скрывалась в товаре в которой отсутствует информация (вкладка без содержимого). Например нет видео.
Что бы скрывалось само название вкладки и ее содержимое.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Импорт изображения JoomShopping

Автор max_max

Ответов: 7
Просмотров: 146
Последний ответ 21.07.2021, 11:15:04
от nevigen
Видео с Youtube вместо картинки на карточке товара

Автор ksena

Ответов: 33
Просмотров: 5106
Последний ответ 17.07.2021, 10:04:36
от Biss
Сортировка товаров JoomShopping через radio

Автор DamianTrash

Ответов: 1
Просмотров: 88
Последний ответ 22.06.2021, 14:16:45
от kit2m2
Код товара - автоматическая генерация.

Автор AndreyUA

Ответов: 92
Просмотров: 9644
Последний ответ 18.06.2021, 12:19:12
от x1
Вопрос про краткое и полное описание товара

Автор maffi

Ответов: 29
Просмотров: 361
Последний ответ 13.06.2021, 17:18:25
от ShopES