Как показать другой блок в мобильно версии

legenda · 2016-01-05 16:05:09

Может кто то подсказать как в одном месте при заходе с мобильных устройств показывать один рекламный блок (допустим ads1), а при заходе не с мобильных устройств другой блок (ads2)
?
может как то твигом это можно сделать?

irbees2008 · 2016-01-05 16:35:52

Стили
при одном разрешении показываем один блок,при другом разрешении другой блок

Изменено irbees2008 (2016-01-05 16:37:57)

infinity237 · 2016-01-05 17:50:32

Использовать:

{% if(system_flags.check_pda) %}Блок для мобильных устройств{% else %}Блок для PC{% endif %}

legenda · 2016-01-06 19:20:00

infinity237, супер

infinity237 · 2016-01-07 17:45:22

Если нужно большая точность и больше фич, то можно заюзать TWIG Extension.
По установке:
Скопировать в /engine/includes/classes/Twig/Extension

Использовать:

{% extends is_mobile() ? "layout_mobile.html.twig" : "layout.html.twig" %}
{% if is_mobile() %} ... {% endif %}
{% if is_tablet() %} ... {% endif %}
{% if is_mobile() and is_samsung() %} ... {% endif %}
{{ get_available_devices()|join("<br />")|raw }}

legenda · 2016-01-07 18:51:51

infinity237, это для разных устройств?

infinity237 · 2016-01-07 19:15:33

legenda пишет:

infinity237, это для разных устройств?

Конкретно в этом решении используется библиотека:
https://github.com/serbanghita/Mobile-Detect
Она точнее определяет устройства. Определяет отдельно мобильные - is_mobile() и планшеты - is_tablet(). Также отдельно можно определять устройства по вендорам и по браузерам (подробнее вызов get_available_devices() )

EsCaPeR · 2016-04-20 03:29:10

infinity237 пишет:

Если нужно большая точность и больше фич, то можно заюзать TWIG Extension.
По установке:
Скопировать в /engine/includes/classes/Twig/Extension
Использовать:
{% extends is_mobile() ? "layout_mobile.html.twig" : "layout.html.twig" %}
{% if is_mobile() %} ... {% endif %}
{% if is_tablet() %} ... {% endif %}
{% if is_mobile() and is_samsung() %} ... {% endif %}
{{ get_available_devices()|join("<br />")|raw }}

Выдает "The function "is_mobile" does not exist in ..."
проверял на GIT 20150123 и GIT [20150104+]

infinity237 · 2016-04-20 20:59:34

В /engine/core.php найти:

$twig->addExtension(new Twig_Extension_StringLoader());

Ниже добавить:

$twig->addExtension(new Twig_Extension_MobileDetect());

easmik · 2017-05-31 01:42:28

infinity237 пишет:

Использовать:

{% if(system_flags.check_pda) %}Блок для мобильных устройств{% else %}Блок для PC{% endif %}

Подскажи пожалуйста. В последней версии этот плагин работает?

infinity237 · 2017-06-01 00:16:18

easmik пишет:

infinity237 пишет:
Использовать:
{% if(system_flags.check_pda) %}Блок для мобильных устройств{% else %}Блок для PC{% endif %}
Подскажи пожалуйста. В последней версии этот плагин работает?

Да. Работает.

vl · 2020-08-26 21:39:11

infinity237 пишет:

Использовать:

{% if(system_flags.check_pda) %}Блок для мобильных устройств{% else %}Блок для PC{% endif %}

На мобильном телефоне тоже показывает "Блок для PC" .
а если добавить в core.php:

$twig->addExtension(new Twig_Extension_MobileDetect());

Появляется сообщение "NGCMS Runtime error: Class 'Twig_Extension_MobileDetect' not found"

Используемая версия: 0.9.5 Release + GIT 20170301

Изменено vl (2020-08-26 21:42:02)

irbees2008 · 2020-08-27 20:53:38

На выходных проверю

vl · 2020-08-29 08:39:07

попробовал дописать к самому скрипту такое выражение, -скрипт jquery_002.js не работает ни при каком разрешении

$(document).ready(function () {

	function mySuperFunc () {
		width = $(window).width();
		console.log(width);
		if (width < 991) {

код скрипта jquery_002.js

				}
			});
		}
	}

	mySuperFunc ();
	$(window).resize( mySuperFunc );
});

Изменено vl (2020-08-29 08:47:31)

irbees2008 · 2020-08-29 10:49:54

vl пишет:

infinity237 пишет:
Использовать:
{% if(system_flags.check_pda) %}Блок для мобильных устройств{% else %}Блок для PC{% endif %}
На мобильном телефоне тоже показывает "Блок для PC" .
а если добавить в core.php:
$twig->addExtension(new Twig_Extension_MobileDetect()); 
Появляется сообщение "NGCMS Runtime error: Class 'Twig_Extension_MobileDetect' not found"

Используемая версия: 0.9.5 Release + GIT 20170301

Все работает, проверил 0.9.5 Release + GIT 20170301 и на 0.9.7

vl · 2020-08-29 20:08:48

Спасибо, буду пробовать. А нельзя этореализовать с конкретным разрешением экрана?

irbees2008 · 2020-08-30 09:58:14

Можешь пробывать вот это

<script type="text/javascript">
{
if (screen.width > 480) document.write ('<script type="text/javascript" src="js/wow.min.js" ></sc' + 'ript>');
}
</script>

vl · 2020-09-06 00:02:52

irbees2008 пишет:

Можешь пробывать вот это

<script type="text/javascript">
{
if (screen.width > 480) document.write ('<script type="text/javascript" src="js/wow.min.js" ></sc' + 'ript>');
}
</script>

Этот код работает отлично

irbees2008 · 2021-09-04 11:09:02

плагин не работает на php8 на последней сборке

NGCMS Runtime exception: Error
Class "Twig_Extension" not found
Stack trace
# Line # Class/Function File name
X 5 0 /home/www/xn----7sbbawujfno3aqk5b5b7b.url3.ru/engine/plugins/check_pda/MobileDetect.php
0 11 require_once /home/www/xn----7sbbawujfno3aqk5b5b7b.url3.ru/engine/plugins/check_pda/check_pda.php
1 587 check_pda /home/www/xn----7sbbawujfno3aqk5b5b7b.url3.ru/engine/includes/inc/extras.inc.php
2 397 executeActionHandler /home/www/xn----7sbbawujfno3aqk5b5b7b.url3.ru/engine/core.php
3 15 include_once /home/www/xn----7sbbawujfno3aqk5b5b7b.url3.ru/engine/admin.php

Next Generation CMS :: Форум поддержки

Объявление

#1 2016-01-05 16:05:09

Как показать другой блок в мобильно версии

#2 2016-01-05 16:35:52

Re: Как показать другой блок в мобильно версии

#3 2016-01-05 17:50:32

Re: Как показать другой блок в мобильно версии

#4 2016-01-06 19:20:00

Re: Как показать другой блок в мобильно версии

#5 2016-01-07 17:45:22

Re: Как показать другой блок в мобильно версии

#6 2016-01-07 18:51:51

Re: Как показать другой блок в мобильно версии

#7 2016-01-07 19:15:33

Re: Как показать другой блок в мобильно версии

#8 2016-04-20 03:29:10

Re: Как показать другой блок в мобильно версии

#9 2016-04-20 20:59:34

Re: Как показать другой блок в мобильно версии

#10 2017-05-31 01:42:28

Re: Как показать другой блок в мобильно версии

#11 2017-06-01 00:16:18

Re: Как показать другой блок в мобильно версии

#12 2020-08-26 21:39:11

Re: Как показать другой блок в мобильно версии

#13 2020-08-27 20:53:38

Re: Как показать другой блок в мобильно версии

#14 2020-08-29 08:39:07

Re: Как показать другой блок в мобильно версии

#15 2020-08-29 10:49:54

Re: Как показать другой блок в мобильно версии

#16 2020-08-29 20:08:48

Re: Как показать другой блок в мобильно версии

#17 2020-08-30 09:58:14

Re: Как показать другой блок в мобильно версии

#18 2020-09-06 00:02:52

Re: Как показать другой блок в мобильно версии

#19 2021-09-04 11:09:02

Re: Как показать другой блок в мобильно версии

Подвал раздела