Новости Joomla

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

Biss

  • Давно я тут
  • 994
  • 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
  • 10431
  • 862 / 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

  • Давно я тут
  • 994
  • 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

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
У Вас Неправильная расстановка тэгов. Нельзя вкладывать блочные элементы в строковые. Тэг "H3" нельзя вкладывать в тэг "a".
Сам сталкивался с такой проблемой. Пришлось обойтись без тегов заголовков. Пример.
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

dmitry_stas

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

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
"h3" в "a" нельзя, да. но "a" в "h3" ведь можно. в чем принципиальная разница? почему?
Почему пришлось отказаться?
Потому что при обратном вложении вкладки перестали работать.
« Последнее редактирование: 28.08.2015, 23:58:16 от kit2m2 »
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

dmitry_stas

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

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
Да, работает. Это я Неправильно выразился. Но я не стал править стили, оставил родные Bootstrap. И без тэгов заголовков можно обойтись.
В своем плагине я даже сначала сделал выбор типов заголовков вкладок (h3-h6), но потом удалил этот выбор вместе с заголовками.
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

Kayser

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

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
Есть плагин Вкладки Bootstrap на странице товара JoomShopping

При помощи плагина можно создать от 2-х до 7-ми вкладок и в любой вкладки можно разместить любой блок или несколько блоков.
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

Kayser

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

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

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

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

kit2m2

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

Будет работать с любым шаблоном, если что помогу с настройкой.
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

krylof

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

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
У Вас эти вкладки прописаны в шаблоне. Ищите в или в папке HTML - шаблона Joomla, или в шаблоне JoomShopping. Что может быть проще, взять и удалить не нужный код?
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

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
  • 10431
  • 862 / 25
  • http://n*****n.com
Если подключен Бутстрап, можно вообще поизвращаться и получить красотень. В примере ниже табами выводятся: описание, характеристики, фотогалерея, видео и обзоры.
только чтобы была "красотень", ленги надо использовать я не прямо названия в коде.
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

stainles

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

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
Здравствуйте.
В инете говорят, нужно так:

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

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

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

Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

stainles

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

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
С помощью якорей (якорь) это можно как то сделать ? : <a id="desc"></a>
Вам нужно скроллировать к вкладкам, а не отрывать нужную? Тогда можете сделать якорем.
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

sivers

  • Живу я здесь
  • 2453
  • 333 / 0
Да хотелось бы по проще...
Код
jQuery(function(){
  jQuery('a[href^="#"]').on('click', function(){
    location.hash = jQuery(this).attr('href');
  });
});
На связи в telegram @sivers
sivers @ inbox . ru
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

  • Живу я здесь
  • 2453
  • 333 / 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');
  });
});
На связи в telegram @sivers
sivers @ inbox . ru
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

  • Живу я здесь
  • 2453
  • 333 / 0
На здоровье
На связи в telegram @sivers
sivers @ inbox . ru
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 плагин подмены статического текста JoomShopping на материалы Joomla

Автор sergeytolkachyov

Ответов: 6
Просмотров: 771
Последний ответ 01.03.2024, 13:41:05
от sergeytolkachyov
WT JShopping cart save плагин брошенных корзин пользователей. JoomShopping 5.3+

Автор sergeytolkachyov

Ответов: 4
Просмотров: 296
Последний ответ 01.03.2024, 12:29:46
от kit2m2
Условие для кол-ва товара больше нуля

Автор kik84

Ответов: 3
Просмотров: 260
Последний ответ 16.02.2024, 13:33:24
от kit2m2
WT Modules in Jshopping positions - плагин вставки модулей Joomla в JoomShopping

Автор sergeytolkachyov

Ответов: 2
Просмотров: 890
Последний ответ 06.02.2024, 18:15:15
от sergeytolkachyov
Ответы на отзывы JoomShopping 5

Автор virfolk

Ответов: 20
Просмотров: 664
Последний ответ 28.01.2024, 15:17:52
от nevigen