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

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Что-то не нашла где формируется код вывода видео. Нужно убрать управляющие элементы и зациклить воспроизведение видео для товара.
*

dmitry_stas

  • Легенда
  • 12254
  • 1162 / 7
Re: Кастомизация видео для товара
« Ответ #1 : 23.05.2016, 19:12:22 »
эм... код вывода видео формируется вот здесь: http://prntscr.com/b7hm0z :) видимо речь не об этом коде?
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #2 : 23.05.2016, 19:16:11 »
Нет, мне нужно указать файл видео, и вот это видео зациклить и убрать управляющие элементы плеера. Заставлять клиента, ничего не понимающего в HTML, вставлять название файла в код негуманно.
*

dmitry_stas

  • Легенда
  • 12254
  • 1162 / 7
Re: Кастомизация видео для товара
« Ответ #3 : 23.05.2016, 20:46:37 »
так а что тогда? вывод в файле \components\com_jshopping\templates\default\product\playmedia.php

Код
            <div class="file_demo_video">
                <video width="<?php print $this->config->video_product_width; ?>" height="<?php print $this->config->video_product_height; ?>" controls autoplay id = "video">
                    <source
                        src="<?php print $this->config->demo_product_live_path.'/'.$this->filename;?>"
                        <?php if ($this->config->video_html5_type){?>
                        type='<?php print $this->config->video_html5_type?>'
                        <?php }?>
                    />
                </video>
            </div>

это?
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #4 : 23.05.2016, 21:44:14 »
Это вообще откуда? У меня там совсем по-другому. Причем я его из компонента выдернула.

Код: php
<html>
<head>
<title><?php print $this->description; ?></title>
        <?php print $this->scripts_load?>
</head>
<body style = "padding: 0px; margin: 0px;">
<a class = "video_full" id = "video" href = "<?php print $this->config->demo_product_live_path.'/'.$this->filename; ?>"></a>

<script type="text/javascript">
            var liveurl = '<?php print JURI::root()?>';
jQuery('#video').media( { width: <?php print $this->config->video_product_width; ?>, height: <?php print $this->config->video_product_height; ?>, autoplay: 1} );
</script>
</body>
</html>
*

Linfuby

  • Завсегдатай
  • 1242
  • 176 / 0
  • Всё просто...
Re: Кастомизация видео для товара
« Ответ #5 : 23.05.2016, 21:46:05 »
Подозреваю что нужно изучить сначала это: https://webref.ru/html/video
Немного воображения и логики, и любая проблема становится решенной.
Кривые решения - дают кривой результат!
Решения для JoomShopping
Благодарности и поддержка принимаются по след. реквизитам:
Яндекс.Деньги - 41001751720054
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #6 : 23.05.2016, 21:58:11 »
Я бы его вообще по-новой переписала, но изменение этого файла в папке HTML шаблона вообще никак на отображении видео в карточке товара не сказывается. Либо я туплю, либо мы о чем-то разном говорим(
*

dmitry_stas

  • Легенда
  • 12254
  • 1162 / 7
Re: Кастомизация видео для товара
« Ответ #7 : 23.05.2016, 23:27:35 »
Это вообще откуда? У меня там совсем по-другому.
ну да, так и есть, похоже только не все. в оригинале еще и тот кусок есть, который я показал :)

Я бы его вообще по-новой переписала, но изменение этого файла в папке HTML шаблона вообще никак на отображении видео в карточке товара не сказывается.
это ифрейм, который открывается когда в кнопочку Проиграть видео нажимаешь. давай тогда сначала: каким образом видео добавлено и как оно выводится сейчас?
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #8 : 24.05.2016, 11:58:53 »
Итак, все подробно. Сайт я получила с демо материалами, так что будем разбираться с шаблонами тоже

1) Добавление видео стандартным способом через админку с помощью выбора файла.

Спойлер
[свернуть]

2) На данный момент это mp4. Выбор HTML5 формата в настройках видео тоже никакого видимого эффекта изменения кода не производит. Настройки сейчас

Спойлер
[свернуть]

3) В шаблоне в папке HTML имеем

a) product/product_default.php

Видео упоминается два раза. В первый раз там, где выводится ссылка на видео. Оно было под превью картинок, я переместила вверх

Код: php
<?php if (count($this->videos)){?>
                        <?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
<?php if (count($this->videos)){?>
                        <?php foreach($this->videos as $k=>$video){?>
                            <?php if ($video->video_code){ ?>
                                <div style="display:none" class="video_full" id="hide_video_<?php print $k?>"></div>
                            <?php } else { ?>
                                <a style="display:none" class="video_full" id="hide_video_<?php print $k?>" href=""></a>
                            <?php } ?>
                        <?php } ?>
                    <?php }?>

файл playmedia.php я заменила на оригинальный из шаблона JoomShopping - но такое ощущение, что он вообще никак не сказывается на выводе видео. Убрала в нем controls - все равно управляющие элементы отображаются.

посмотреть вживую

В общем, главный вопрос насколько я понимаю - почему не цепляется playmedia из папки HTML шаблона.
« Последнее редактирование: 24.05.2016, 12:35:56 от Taatshi »
*

kit2m2

  • Завсегдатай
  • 1451
  • 128 / 1
Re: Кастомизация видео для товара
« Ответ #9 : 24.05.2016, 12:34:33 »
Все настройки video в файле functions.js
Код
var joomshoppingVideoHtml5 = 0;
var joomshoppingVideoHtml5Type = '';
function showVideo(idElement, width, height){
    var videofile = jQuery("#"+idElement).attr("href");
   
    jQuery('.video_full').hide();
    jQuery('#hide_' + idElement).attr("href", videofile);
    jQuery('a.lightbox').hide();
    jQuery('#main_image').hide();
    jQuery(".product_label").hide();
    jQuery("#videoshophtml5").remove();
    if (!joomshoppingVideoHtml5){
        jQuery('#hide_' + idElement).show();
        jQuery('#hide_' + idElement).media( { width: width, height: height} );
    }else{
        var videoOptions = {
            id: 'videoshophtml5',
            src: videofile,           
            width: width,
            height: height,
            controls: true
        };
        if (joomshoppingVideoHtml5Type!=''){
            videoOptions.type = joomshoppingVideoHtml5Type;
        }
        var video = jQuery('<video />', videoOptions);
        video.appendTo(jQuery('.image_middle'));
    }
}

Для зацикливания нужно добавить loop: true Для того чтобы убрать панель - controls: false
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #10 : 24.05.2016, 12:37:42 »
Все настройки video в файле functions.js
Это где именно расположено?

UPD Это хак(((
« Последнее редактирование: 24.05.2016, 12:40:59 от Taatshi »
*

kit2m2

  • Завсегдатай
  • 1451
  • 128 / 1
Re: Кастомизация видео для товара
« Ответ #11 : 24.05.2016, 12:47:56 »
Понятно что если править код то будет хак. Вы спросили где, я указал. А чтобы без хака нужен плагин.
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #12 : 24.05.2016, 12:51:09 »
Если выбрать HTML 5 все это можно прямо в код вписать. Непонятно почему playmedia.php не подхватывается.
*

kit2m2

  • Завсегдатай
  • 1451
  • 128 / 1
Re: Кастомизация видео для товара
« Ответ #13 : 24.05.2016, 13:01:05 »
Попробуйте так:
Код
                <video width="<?php print $this->config->video_product_width; ?>" height="<?php print $this->config->video_product_height; ?>" loop="loop" autoplay id = "video">
                    <source
                        src="<?php print $this->config->demo_product_live_path.'/'.$this->filename;?>"
                        <?php if ($this->config->video_html5_type){?>
                        type='<?php print $this->config->video_html5_type?>'
                        <?php }?>
                    />
                </video>
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #14 : 24.05.2016, 13:15:04 »
Где именно?
*

kit2m2

  • Завсегдатай
  • 1451
  • 128 / 1
Re: Кастомизация видео для товара
« Ответ #15 : 24.05.2016, 13:18:00 »
Цитировать
3) В шаблоне в папке HTML имеем

a) product/product_default.php

В этом файле. И еще проверьте в load.js.php есть эти строки:
Код
    var joomshoppingVideoHtml5 = <?php print (int)$this->config->video_html5?>;
    var joomshoppingVideoHtml5Type = '<?php print $this->config->video_html5_type?>';
*

dmitry_stas

  • Легенда
  • 12254
  • 1162 / 7
Re: Кастомизация видео для товара
« Ответ #16 : 24.05.2016, 18:11:56 »
Это хак(((

Javascript же :) Переопредели функцию. Продублируй ее
Код
function showVideo(idElement, width, height){
...
}
в любом js, который подключается после function.js (например /templates/forte/js/core/s5_flex_menu-min.js), и напиши там все нужные параметры.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #17 : 25.05.2016, 16:34:10 »
Добавила прямо в template-default.php

Код: javascript
<script>
    ( function($) {
        function showVideo(idElement, width, height){
            var videofile = jQuery("#"+idElement).attr("href");

            jQuery('.video_full').hide();
            jQuery('#hide_' + idElement).attr("href", videofile);
            jQuery('a.lightbox').hide();
            jQuery('#main_image').hide();
            jQuery(".product_label").hide();
            jQuery("#videoshophtml5").remove();
            if (!joomshoppingVideoHtml5){
                jQuery('#hide_' + idElement).show();
                jQuery('#hide_' + idElement).media( { width: width, height: height} );
            }else{
                var videoOptions = {
                    id: 'videoshophtml5',
                    src: videofile,
                    width: width,
                    height: height,
                    controls: false,
                    loop: true
                };
                if (joomshoppingVideoHtml5Type!=''){
                    videoOptions.type = joomshoppingVideoHtml5Type;
                }
                var video = jQuery('<video />', videoOptions);
                video.appendTo(jQuery('.image_middle'));
            }
        }
    } ) ( jQuery );
</script>

Не пашет(
*

kit2m2

  • Завсегдатай
  • 1451
  • 128 / 1
Re: Кастомизация видео для товара
« Ответ #19 : 25.05.2016, 17:53:35 »
Примерно так:
Код
			$document = JFactory::getDocument();
$document->addCustomTag(
"<script type=\"text/javascript\">
jQuery(document).ready(function($){
                                                  ...

})
</script>");
*

dmitry_stas

  • Легенда
  • 12254
  • 1162 / 7
Re: Кастомизация видео для товара
« Ответ #20 : 25.05.2016, 20:00:43 »
Добавила прямо в template-default.php
не вижу в исходном коде. ну и обертка
Код
( function($) { ... } ) ( jQuery );
в данном случае тоже особо не нужна.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #21 : 03.06.2016, 22:18:07 »
В общем, сделала так

в самом файле product_default.php вставила код

Код: php
<?php if (count($this->videos)){?>
                        <?php foreach($this->videos as $k=>$video){?>
                            <?php if ($video->video_code){ ?>
                                <div style="display:none" class="video_full" id="hide_video_<?php print $k?>"></div>
                            <?php } else { ?>
                                <video width="<?php print $this->config->video_product_width; ?>" height="<?php print $this->config->video_product_height; ?>" loop="loop" preload="metadata" autoplay id = "video_id" >
                                    <source
                                        src="<?php print $this->config->video_product_live_path.'/'.$video->video_name;?>"
                                        <?php if ($this->config->video_html5){?>
                                            type='<?php print $this->config->video_html5_type?>'
                                        <?php }?>
                                    />
                                </video>
                            <?php } ?>
                        <?php } ?>
                    <?php }?>

и запихала его абсолютом под фото. Убрала вообще ссылку

Код: php
<a style="display:none" class="video_full" id="hide_video_<?php print $k?>" href=""></a>

Решение костыльное и мне не нравится, но другого я пока не нашла.
*

dmitry_stas

  • Легенда
  • 12254
  • 1162 / 7
Re: Кастомизация видео для товара
« Ответ #22 : 04.06.2016, 10:21:08 »
да можно и так. чем плохо? ну и я так и не понял, почему же не получилось с переопределением showVideo?
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Taatshi

  • Глобальный модератор
  • 4967
  • 465 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Кастомизация видео для товара
« Ответ #23 : 04.06.2016, 10:33:51 »
да можно и так. чем плохо?

Тем, что данный способ годится только для одного видео. Если их  будет несколько - уже не сработает как надо.

А не переопределилось потому, что в процессе участвует еще что-то, одного переопределения скрипта недостаточно. Нужно править код видео. А это никак не в файле playmedia.php. Где - не нашла.
« Последнее редактирование: 04.06.2016, 10:38:08 от Taatshi »
*

dmitry_stas

  • Легенда
  • 12254
  • 1162 / 7
Re: Кастомизация видео для товара
« Ответ #24 : 04.06.2016, 16:18:43 »
Тем, что данный способ годится только для одного видео. Если их  будет несколько - уже не сработает как надо.
выводить loop="loop" autoplay только if ($k == 0), т.е. только для первого видео. или в чем именно проблема с несколькими?


в процессе участвует еще что-то, одного переопределения скрипта недостаточно. Нужно править код видео
посмотрел еще раз. ничего больше не надо править, никакого кода видео :) его и нет больше нигде. тег video добавляется именно в функции showVideo
Код: javascript
var video = jQuery('<video />', videoOptions);
соответственно, надо эту функцию продублировать (переопределить), и просто добавить в videoOptions нужное. Обрати внимание, что joomshoppingVideoHtml5=0 дублировать не нужно, он должен быть 1. Т.е. переопределяем только function showVideo(idElement, width, height) { ... }
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

diana1975

  • Захожу иногда
  • 210
  • 1 / 0
Re: Кастомизация видео для товара
« Ответ #25 : 05.12.2017, 12:21:42 »
Здравствуйте, нужна помощь в коде. Вот, к примеру, моя страничка с товаром:


Как вы поняли, в видео у меня идет ссылка видео в инстаграме.
Вот код, отвечающий за  вставку видео:
Код
<blockquote class="instagram-media" data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BcSgXxwBB20/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Публикация от @dirovak</a> <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-12-04T17:44:36+00:00">Дек 4 2017 в 9:44 PST</time></p></div></blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>


Что надо изменить в коде, чтобы при клике на миниатюру видео уже работало, лучше непрерывно. И не надо было посетителю наводить мышку на окошко с видео (мало, кто об этом догадается) и нажимать на появившийся пуск?
« Последнее редактирование: 05.12.2017, 20:42:19 от diana1975 »
*

kit2m2

  • Завсегдатай
  • 1451
  • 128 / 1
Re: Кастомизация видео для товара
« Ответ #26 : 05.12.2017, 12:38:08 »
Который раз уже видео переделываете? С инстаграм-видео такое не получиться, не увидел в API каких либо параметров для видео.
*

diana1975

  • Захожу иногда
  • 210
  • 1 / 0
Re: Кастомизация видео для товара
« Ответ #27 : 05.12.2017, 14:17:02 »
Который раз уже видео переделываете?

Ни разу не переделывала, CSS - не в счет, все время было родное,  магазинное,  теперь,  чтобы не загружать  сайт,  решила следующие видео делать как ссылки на сторонний ресурс,  в моем случае- инстаграм...
  Жаль, что невозможно, спасибо, еще чуточку подожду и  удалю ссылки
*

kit2m2

  • Завсегдатай
  • 1451
  • 128 / 1
Re: Кастомизация видео для товара
« Ответ #28 : 05.12.2017, 14:34:03 »
...Ни разу не переделывала...
До этого у Вас было видео из ютуба, сейчас из инстаграм
*

diana1975

  • Захожу иногда
  • 210
  • 1 / 0
Re: Кастомизация видео для товара
« Ответ #29 : 05.12.2017, 15:28:16 »
До этого у Вас было видео из ютуба, сейчас из инстаграм

Не, Вы  меня с кем-то путаете...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как вывести дату добавления товара?

Автор djdim

Ответов: 16
Просмотров: 1404
Последний ответ 11.12.2018, 13:06:48
от dmitry_stas
Вывести данные Продавца в карточку товара

Автор Netman_avs

Ответов: 6
Просмотров: 654
Последний ответ 10.12.2018, 14:27:40
от kit2m2
Количество товара кнопками - И + В JoomShopping to NEVIGEN

Автор konsty

Ответов: 13
Просмотров: 1474
Последний ответ 26.11.2018, 11:51:48
от intcorp
Вывести все товары категории в карточке товара

Автор v-v

Ответов: 59
Просмотров: 5746
Последний ответ 19.11.2018, 20:09:24
от Argawa
JoomShopping как вывести кол.во продаж(покупок) в карточке товара?

Автор designerandrey

Ответов: 10
Просмотров: 316
Последний ответ 09.11.2018, 22:11:16
от designerandrey