在prestashop页面中插入JS脚本

Question

我正在创建我的第一个Prestashop网站。当我尝试在cms页面中放置脚本时遇到了一个小问题。我有四个脚本，希望将它们放在四个不同的页面中...这可能吗？

Script1示例：

<script src="https://example.com/venue-menu/javascript/widget-button.js?v1"></script>
<script>
  (function()

{ /* some code here */; }
());
</script>

而且我想在页面中放置这个div

<div
id="online-booking-widget-iframe"
data-widget-url="https://example.com/384954/menu/"
></div>

有任何建议吗？我正在使用prestashop 1.7.6.5

Answer 1

将具有以下内容的文件page.tpl。

{extends file='page.tpl'}

{block name='page_title'}
  {$cms.meta_title}
{/block}

{block name='page_content_container'}

<!-- CODE ADDED -->
<script src="https://example.com/venue-menu/javascript/widget-button.js?v1"></script>

<!-- REPLACE BELOW CMS ID 7 -->
{if $cms.id==7} 
<script> (function() 

()); </script> 
{/if}
<!-- end- REPLACE BELOW CMS ID WITH PAGE ID  -->

  <section id="content" class="page-content page-cms page-cms-{$cms.id}">

    {block name='cms_content'}
      {$cms.content nofilter}
    {/block}

    {block name='hook_cms_dispute_information'}
      {hook h='displayCMSDisputeInformation'}
    {/block}

    {block name='hook_cms_print_button'}
      {hook h='displayCMSPrintButton'}
    {/block}

  </section>
{/block}

[<!-- CODE ADDED -->->包含主要的jQuery]

<!-- REPLACE BELOW CMS ID 7  -->
`{if $cms.id==7}`  => You can place any cms id over here.

绝对必须在活动主题目录中覆盖page.tpl文件。