Jump to content

IFRAME + BANNER


Recommended Posts

Пытаюсь вставить баннер с кодом от ютюба 

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/XJnMnPnwFFM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

IFRAME не отображается в баннере. 

http://prntscr.com/qx87ky

p.s можно сделать как то чтобы картинки которые указываешь для статьи нарезались на примере с категориями? а то загрузил картинку а на телефоне в статье она за рамки поля div лезет т.к размер большой.  

Link to post
Share on other sites
4 минуты назад, ZM сказал:

Пытаюсь вставить баннер с кодом от ютюба 

 


<iframe width="560" height="315" src="https://www.youtube.com/embed/XJnMnPnwFFM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

IFRAME не отображается в баннере. 

http://prntscr.com/qx87ky

p.s можно сделать как то чтобы картинки которые указываешь для статьи нарезались на примере с категориями? а то загрузил картинку а на телефоне в статье она за рамки поля div лезет т.к размер большой.  

slider-bootstrap слайдер - только для картинок.

Там не выводитс текст и описание баннера.

 

Текст и описание выводится в других слайдерах, кроме slider_bootstrap.

 

Тип слайдера указывается в Админке - Настройки - Мой магазин - Сладйер по умолчанию.

И в Админке - Разное - Управление баннерами при создании баннера нужно соответствующую группу выбирать.

 

Вот видео как выглядят слайдеры - http://youtube.com/vamshop

Link to post
Share on other sites

modern_slide_in включите.

Он похож на bootstrap слайдер.

Вот так примерно выглядит - http://wn-corporate.ru/

9 минут назад, ZM сказал:

Хм ок попробую

 

Link to post
Share on other sites

да я просто пробую разные но iframe криво отображается почему то. не по центру и тд. щас попробую модерн

Короче не один баннер нормально с IFRAME не работает? везде криво код отображается

https://pamyatniki63.ru/

Link to post
Share on other sites
3 минуты назад, ZM сказал:

да я просто пробую разные но iframe криво отображается почему то. не по центру и тд. щас попробую модерн

Короче не один баннер нормально с IFRAME не работает? везде криво код отображается

https://pamyatniki63.ru/

Видео вполне нормалньо вставляется через jQuery модули для youtube например.

Просто найдите по jquery youtube какой-то удобный вариант да и всё.

Link to post
Share on other sites

Это как например не совсем понимаю? интеграция в слайд через jquery ?

а можно рассмотреть вариант воспроизведения с сайта? если я на сайт закину ролик? как то можно вывести в слайдер?

Link to post
Share on other sites
28 минут назад, ZM сказал:

Это как например не совсем понимаю? интеграция в слайд через jquery ?

а можно рассмотреть вариант воспроизведения с сайта? если я на сайт закину ролик? как то можно вывести в слайдер?

Есть куча готовых решений, в том числе и сладйеры с youtube.

Link to post
Share on other sites

Отлично что ваше решение из коробки не работает с этим кодом и вы предлагаете пилить самому? Я то могу вот жаль что нету этого в коробке после такого и лиценз покупать нет желания тогда... 

Link to post
Share on other sites
22 минуты назад, ZM сказал:

Отлично что ваше решение из коробки не работает с этим кодом и вы предлагаете пилить самому? Я то могу вот жаль что нету этого в коробке после такого и лиценз покупать нет желания тогда... 

Так слайдеры и не предназначены для видео.

Это надо искать специальный слайдер с поддержкой видео.

Link to post
Share on other sites

Ну в vam есть строчка в баннере мол вставляйте свой html если че для таких как раз целей, но теперь он так сказать не работает и только вам видно почему в баннере (slider_bootstrap не работает c iframe) 

Link to post
Share on other sites
55 минут назад, ZM сказал:

Ну в vam есть строчка в баннере мол вставляйте свой html если че для таких как раз целей, но теперь он так сказать не работает и только вам видно почему в баннере (slider_bootstrap не работает c iframe) 

Нужно что б сам слайдер поддерживал видео.

Что толку, что Вы iframe вставите в описание, если на стороне слайдера нет поддержка видео.

Link to post
Share on other sites

а .swf скушают скрипты баннеров?

И какой способ интеграции лучше сделать? 

Link to post
Share on other sites
10 часов назад, ZM сказал:

а .swf скушают скрипты баннеров?

И какой способ интеграции лучше сделать? 

flash умер, и хром по умолчанию не включает даже flash.

Лучше его не использовать.

Я думаю, что нет, flash тоже не поддерживается bootstrap слайдером.

Link to post
Share on other sites

Как поступить? полностью поменять слайдер на другой? Жаль что возможность добавления баннера через админку пропадет, или может js код переписать от нового слайдера в старый типо такого? 

Link to post
Share on other sites
3 минуты назад, ZM сказал:

Как поступить? полностью поменять слайдер на другой? Жаль что возможность добавления баннера через админку пропадет, или может js код переписать от нового слайдера в старый типо такого? 

Почему пропадёт?!

Просто другой js файл сладйера подключите, с поддержкой видео, и всё.

А управления в админке останется таким же.

Link to post
Share on other sites

Ох ешки, ладно найду слайдер потом напишу сюда подскажите как лучше сделать? чтобы админка не отвалилась?

Link to post
Share on other sites
11 минут назад, ZM сказал:

Ох ешки, ладно найду слайдер потом напишу сюда подскажите как лучше сделать? чтобы админка не отвалилась?

Подключаете js, css файлы слайдера и делаете разметку по документации слайдера в /templates/vamshop4/components/slider/slider_bootstrap.html

Прям в этом файл и можно подключить js, css файл.

Сделать разметку для нового слайдера.

Link to post
Share on other sites

js где в general инклюдить а css? 

p.s как перенести все скрипты в низ шаблона например jivosuite and yandex metrika гугл ругается что у них ответ долгий из за этого page speed 61  

p.s https://pamyatniki63.ru/

Link to post
Share on other sites
5 минут назад, ZM сказал:

js где в general инклюдить а css? 

p.s как перенести все скрипты в низ шаблона например jivosuite and yandex metrika гугл ругается что у них ответ долгий из за этого page speed 61  

p.s https://pamyatniki63.ru/

/templates/vamshop4/css/css.php

/templates/vamshop4/javascript/script_footer.php

 

Метки и jivosite и так внизу, они и будут тормозить сайт, jivosite, analytics, метрика в любом случае уемньшают баллы.

Вне зависимости от того куда их добавлять.

 

Link to post
Share on other sites

Ну я по сути два раза подключаю метрику? может счетчик убрать? а то что через админку яндекс и гугл подключ оставить т.к это ооптимизированный вариант? 

Link to post
Share on other sites

http://prntscr.com/qyyh7q - есть неиспользуемый css код? рили? он не нужен можно удалить или че? 

p.s а что с JS and CSS сделать, как я понял от специалистов rooke выдача в гугле очень зависит от скорости загрузки.

Или это все от JIVO лезет в кеш CSS ?

Link to post
Share on other sites
1 час назад, ZM сказал:

Ну я по сути два раза подключаю метрику? может счетчик убрать? а то что через админку яндекс и гугл подключ оставить т.к это ооптимизированный вариант? 

В Админке - Настройки - Счётчики достаточно указать свои номера и всё.

Но метрика и analytics всё равно будут снижмать баллы.

1 час назад, ZM сказал:

http://prntscr.com/qyyh7q - есть неиспользуемый css код? рили? он не нужен можно удалить или че? 

p.s а что с JS and CSS сделать, как я понял от специалистов rooke выдача в гугле очень зависит от скорости загрузки.

Или это все от JIVO лезет в кеш CSS ?

Неиспользуемый код тоже нельзя удалить.

Вот ради интереса можете посмотреть сколько баллов показывает в онлайн-демке https://demo.vamshop.com

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

Link to post
Share on other sites

Почистил чуть, провел оптимизацию, посмотрим на улучшения, jivo and metrika откл

Спасибо за советы

Link to post
Share on other sites

сократил sw.js в таком виде он более оптимизирован для сервисов и они говорят что теперь его размер норм, p.s код не повредился при компресии? 

 

"function"==typeof importScripts&&(importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"),workbox.routing.registerRoute(/\.js$/,new workbox.strategies.StaleWhileRevalidate({cacheName:"js-cache"})),workbox.routing.registerRoute(/\.css$/,new workbox.strategies.StaleWhileRevalidate({cacheName:"css-cache"})),workbox.routing.registerRoute(/\.(?:png|jpg|jpeg|svg|gif|ico)$/,new workbox.strategies.CacheFirst({cacheName:"image-cache"})),workbox.routing.registerRoute(/\.(?:ttf|woff|woff2|eot)$/,new workbox.strategies.CacheFirst({cacheName:"font-cache"})),workbox.routing.registerRoute(/\//,new workbox.strategies.NetworkFirst({cacheName:"page-cache"})));

 

Еще есть такое...

 

Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.

Активный элемент <button type="button" class="owl-next"></button> находится слишком близко к другим активным элементам (1).

Активный элемент <button type="button" class="owl-prev disabled"></button> находится слишком близко к другим активным элементам (1).

Активный элемент <a href="#carouselExampleInterval" class="carousel-control-prev">Previous</a> и ещё 1 расположены слишком близко к другим активным элементам. final

Link to post
Share on other sites
×
×
  • Create New...