Как правильно вставить в JS файл {{ heading_title }}

[Gamburg]

Привет Всем!!!

Как правильно вставить в JS файл {{ heading_title }}

 

Пример

<h3 class="text-white filter-close-button button-filter">{{ heading_title }}</h3>

 

Выводит в коде {{ heading_title }}

На странице {{

А нужно, чтоб выводил  содержимое языкового файла - Имя заголовка

 

P.S. Opencart 3.0.2.0.

 

Змінено 4 серпня 2021 користувачем Gamburg

[ocbot]

Никак.
Разве что вызывать из twig-шаблона js-функцию и передавать в аргументе текстовую переменную:

myFunction('{{ heading_title }}');

 

[Otvet]

например так

$('h1').text();

 

[Gamburg]

В единственном шаблоне в twig нет этого

Html тег генерирует js файл вот так:

btn = jQuery('<div class="mfilter-free-button"><h3 class="text-white filter-close-button button-filter"></h3>')

И создаёт кнопку с иконкой

Я хочу на кнопку поставить многоязычный текст

В JS файле сделал так, предварительно создав переводы:

btn = jQuery('<div class="mfilter-free-button"><h3 class="text-white filter-close-button button-filter">{{ heading_title }}</h3>')

 

Теперь (как я понял) надо в этом JS файле создать функцию:

 myFunction('{{ heading_title }}'); 

и потом создать переменную:

$('h3').heading_title ();

Поправьте если, что не так

 

а как вставить в HTML код, за место {{ heading_title }}?

 

Змінено 4 серпня 2021 користувачем Gamburg

[Venter]

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

btn = jQuery('<div class="mfilter-free-button"><h3 class="text-white filter-close-button button-filter">{{ heading_title }}</h3>')

не будет работать ваш код. Вы хотя б базовые знания по js получите, а потом уже лезте в код

 

чтоб в файл передать лучше всего делать вот так

допустим в шаблоне, в хейдере или футере прописать

<script type='text/javascript'>
/* <![CDATA[ */
var mydata = {"heading":"{{ heading_title }}"};
/* ]]> */
</script>

 

далее в файле использовать вот так

btn = jQuery('<div class="mfilter-free-button"><h3 class="text-white filter-close-button button-filter">' + mydata.heading + '</h3>')

 

[Gamburg]

2 часа назад, Venter сказал:

Чтоб в файл передать лучше всего делать вот так

допустим в шаблоне, в хейдере или футере прописать

<script type='text/javascript'>
/* <![CDATA[ */
var mydata = {"heading":"{{ heading_title }}"};
/* ]]> */
</script>

 

далее в файле использовать вот так

btn = jQuery('<div class="mfilter-free-button"><h3 class="text-white filter-close-button button-filter">' + mydata.heading + '</h3>')

 

Спасибо всё работает !!!

 

P.S. C завтрашнего дня учу JS

 

Змінено 4 серпня 2021 користувачем Gamburg

[Venter]

13 минут назад, Gamburg сказал:

P.S. C завтрашнего дня учу JS

если вы сталкиваетесь постольку поскольку с js то вам будет достаточно базовые знания, не обязательно его весь и вся учить

[Gamburg]

В 04.08.2021 в 23:56, Venter сказал:

если вы сталкиваетесь постольку поскольку с js то вам будет достаточно базовые знания, не обязательно его весь и вся учить

Именно так, в Opencart 3x в общем то редко лезу в JS. Спасибо за совет !!!

Змінено 6 серпня 2021 користувачем Gamburg

[Gamburg]

2Venter 

А как теперь при клике на кнопку удалить или закрыть вывод текста?

[Venter]

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

2Venter 

А как теперь при клике на кнопку удалить или закрыть вывод текста?

не понял задачу

[Gamburg]

35 минут назад, Venter сказал:

не понял задачу

 

 Мы сделали, что выводится текст кнопки

При клике на кнопку надо, чтобы текст исчезал, т.е. надо повесить на событие onClick действие аналогичное в CSS display:none; или HIDE

Змінено 19 серпня 2021 користувачем Gamburg

[Venter]

2 часа назад, Gamburg сказал:

 

 Мы сделали, что выводится текст кнопки

При клике на кнопку надо, чтобы текст исчезал, т.е. надо повесить на событие onClick действие аналогичное в CSS display:none; или HIDE

ссылку киньте на страницу где у вас эта кнопка???

[Gamburg]

15 минут назад, Venter сказал:

ссылку киньте на страницу где у вас эта кнопка???

отправил в личку