Shopify элементы переключения на страницах - PullRequest
0 голосов
/ 08 июля 2019

Я хочу добавить в свой магазин на странице "Страницы" страницу с часто задаваемыми вопросами.

Сначала я добавил на шаблоне page.liquid

      <script>

function toggleElement(id)
{
    if(document.getElementById(id).style.display == 'none')
    {
        document.getElementById(id).style.display = '';
    }
    else
    {
        document.getElementById(id).style.display = 'none';
    }
}
</script>

А на странице FAQ этот HTML-код

<p>
    <a href="javascript:toggleElement('a1')"><strong>Question 1?</strong></a>
</p>
<div id="a1" style="display:none">
    Answer to my question 1<br>
    <br>
    <br>
</div>
<p>
</p>
<p>
    <a href="javascript:toggleElement('a2')"><strong>VQuestion 2?</strong></a>
</p>
<div id="a2" style="display:none">
Answer to my question 2
    <br>
    <br>
    <br>
</div>

Но когда я сохраняю html, shopify удаляет javascript на:

<a><strong>Question 1?</strong></a>

Кто-нибудь знает, как это должно выглядеть?

1 Ответ

0 голосов
/ 08 июля 2019

Да, спасибо.Это был задний план, чтобы решить это.<a href="#" onclick="toggleElement('a1');"><strong>Question 1?</strong></a>

...