我使用 Dugway 构建了一个自定义的大卡特尔主题,并且在本地一切正常,但是当我将文件复制并粘贴到商店仪表板中的"自定义设计"中时,我在/product 页面上看到一个液体错误。
这可能会导致也可能不会导致以下问题:
当我从/product 页面单击"添加到购物车"时,它会将我重定向到"您的购物车是空的"消息。当地一切都很好。我依靠Dugway构建中包含的cart.js.coffee文件进行购物车交互。
这是我的布局.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。我不确定还有什么其他代码会有所帮助,因为我不确定它来自哪里,所以如果有人有一个想法,或者在我很想开始深入研究之前经历过这个。我将不胜感激任何帮助!
为了完整起见,该问题已解决 - 它是由与数量输入字段相关的错误引起的。