djangocms-dag-jetcode

Django CMS DAG Jetcode 是一个用于 Django CMS 的插件，允许你在网站上添加 DAG 系统 的 Jetcodes。

要求

• Python 3.8+
• Django 2.0+
• Django CMS 3.8.0+

安装

• 运行 pip install djangocms-dag-jetcode
• 将 djangocms_dag_jetcode 添加到你的 INSTALLED_APPS
• 在 urls.py 中包含

  path(
      "djangocms-dag-jetcode/",
      include("djangocms_dag_jetcode.urls", namespace="djangocms-dag-jetcode"),
  ),
  

• 运行 python manage.py migrate djangocms_dag_jetcode
• 在 </body> 标签之前导入DAG的脚本

  <script src="https://jetcode.dag-system.com/jetcodes/fr?customerID=<your customer id>" defer></script>
  

• 添加所需的 <div> 以支持篮子

  <div class="basket-jetcode" data-basket-id="0" css-jetcode-href="https://absolute.path/to/custom.css"></div>
  

• 添加所需的 <div> 以支持弹出窗口

  <div class="rate-jetcode-def" css-jetcode-href="https://absolute.path/to/custom.css"></div>
  <div class="cart-jetcode-def" css-jetcode-href="https://absolute.path/to/custom.css"></div>
  <div class="checkout-jetcode-def" css-jetcode-href="https://absolute.path/to/custom.css"></div>
  <div class="payinresult-jetcode-def" css-jetcode-href="https://absolute.path/to/custom.css"></div>
  <div class="shippinginfo-jetcode-def" css-jetcode-href="https://absolute.path/to/custom.css"></div>
  <div class="productinfo-jetcode-def" css-jetcode-href="https://absolute.path/to/custom.css"></div>
  

你可以覆盖一些文件来自定义样式

• static/djangocms_dag_jetcode/css/base.css 所有Jetcodes的基础样式
• static/djangocms_dag_jetcode/css/product.css 产品Jetcodes
• static/djangocms_dag_jetcode/css/productselector.css 产品选择器Jetcodes
• static/djangocms_dag_jetcode/css/package.css 包含Jetcodes
• static/djangocms_dag_jetcode/css/container.css 容器Jetcodes
• static/djangocms_dag_jetcode/img/calendar-icon.png 日历图标
• templates/djangocms_dag_jetcode/default.html 用于渲染Jetcodes的模板

设置

样式选择

DJANGOCMS_DAG_JETCODE_STYLE_CHOICES = [
  ("my-style", "My custom style"),
]

默认为 []

在此设置中定义的每个样式都必须在 {STATIC_ROOT}/djangocms_dag_jetcode/css/ 中有相应的CSS文件（例如： my-style.css）。

缓存超时

设置 get_css 观看的缓存超时。

DJANGOCMS_DAG_JETCODE_CACHE_TIMEOUT = 15 * 60

默认为 15 * 60（15分钟）

当 DEBUG=True 时，您可以将此设置设置为 0 以禁用缓存。

编辑 CMS 插件后重新加载 Jetcode

当您添加或编辑一个插件时，CMS 不会重新加载整个页面。您应该重新实例化 Jetcodes 以在不刷新页面的情况下显示它们。将此代码添加到您的页面

if (window.hasOwnProperty('CMS') === true) {
  CMS.$(window).on('cms-content-refresh', function () {
    initJetcode()
  })
}