我使用 Dugway 构建了一个自定义的 Big Cartel 主题,并且在本地一切正常,但是当我将文件复制并粘贴到商店仪表板的“自定义设计”中时,我在 /product 页面上看到了一个液体错误。
这可能会也可能不会导致以下问题:
当我从 /product 页面单击“添加到购物车”时,它会将我重定向到“您的购物车为空”消息。在本地一切正常。我依靠 Dugway 构建中包含的 cart.js.coffee 文件进行购物车交互。
这是我的layout.html。当我删除它时,液体错误消失了,但这可能是因为对 javascript 的所有引用都消失了......
<!DOCTYPE html>
<html>
<head>
<title>{{ store.name }} — {{ page.name }}</title>
<meta charset="utf-8">
<meta name="description" content="{{ page.meta_description }}">
<meta name="keywords" content="{{ page.meta_keywords }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="{{ theme | theme_css_url }}" media="screen" rel="stylesheet" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script src="{{ 'api' | theme_js_url }}"></script>
<script src="http://fuzzco.com/wp-content/assets/advice-dice/javascripts/theme.js" type="text/javascript"></script>
<script src="{{ theme | theme_js_url }}" type="text/javascript"></script>
<script src="https://use.typekit.net/cev3aiy.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
{{ head_content }}
</head>
<body id="{{ page.permalink }}" class="{{ page.category }}">
<div id="{{ page.name }}"></div>
<div id="{{ page.permalink }}">
<header>
<nav class="global-nav">
<div class="row no-margin">
<div class="global-nav-left">
<a href="/">
<img class="global-nav-logo" src="http://fuzzco.com/wp-content/assets/advice-dice/images/ad-logo.svg">
<p class="global-nav-text" id="global-nav-text_advice-dice">Advice Dice</p>
</a>
</div>
<div class="global-nav-right">
<p class="top-right-nav-wrapper">
<a href="/cart" class="cart-icon">
{% for item in cart.items %}
cart <span id="cart-amount">({{cart.item_count}})</span>
{% endfor %}
</a>
<a href="/product/test-dice">
<span class="global-nav-text" id="global-nav-top-right">shop</span>
</a>
</p>
</div>
</div>
</nav>
</header>
<div class="main-content">
{{ page_content }}
</div>
<footer class="global-footer">
<nav class="global-nav">
<div class="row no-margin">
<div class="global-nav-left">
<a href="/try-it">
<p class="global-nav-text" id="global-nav-bottom-left">try it!</p>
</a>
</div>
<div class="global-nav-right">
<a href="/about">
<p class="global-nav-text" id="global-nav-bottom-right">about</p>
</a>
</div>
</div>
</nav>
</footer>
</div>
</body>
</html>
我的商店是advicedice.bigcartel.com。我不确定还有哪些其他代码会有所帮助,因为我不确定它来自哪里,所以如果有人在我开始深入研究之前有一个想法或经历过这个。我将不胜感激!