作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试编辑我正在自定义的网站的“添加到购物车”按钮 http://radiantiger.bigcartel.com/product/hhhgtf 。我希望客户点击“添加到购物车”按钮并直接进入购物车。
1) 我知道我必须编辑“添加到购物车”按钮的 javascript,我该怎么做? &我应该使用什么代码?
2) 如何将“购物车按钮”从侧边栏左上角移动并使其与“添加到购物车按钮”内联,如下所示: http://dl.dropbox.com/u/90031565/Fullscreen%20capture%20382013%2050354%20PM.jpg
我尝试将“购物车按钮”与“添加到购物车按钮”放在同一个 div 中,但它丢失了购物车功能的实时显示。
提前谢谢您。
最佳答案
您需要将 cart_nav_list 从旁栏移至 ID add_cart 中。
例如,您的代码应如下所示:
<div id="add_cart">
<button class="button" type="submit" name="submit" id="add_to_cart">Add to Cart</button>
<ul class="clearfix" id="cart_nav_list">
<li id="cart_button">
<a id="open_cart" href="/cart">Cart
<div class="clearfix" id="cart_info">
<span id="cart_count">0</span>
<span id="cart_divider">|</span>
<span id="cart_total"><span class="currency_sign">$</span>0.00</span>
</div>
</a>
</li>
</ul>
</div>
附上屏幕截图以显示您在何处找到这些元素的更多信息。要查看类似我粘贴的安装 Firebug 的信息。
html5 move cart rightside http://www.bybe.net/downloads/html5-move-cart-rightside.png
此外,为了让元素并排工作,您需要对样式表进行次要版本,如下所示:
#add_cart button, #cart_nav_list {
float:left;
}
关于javascript - 如何让添加到购物车按钮直接进入购物车,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15313076/
我是一名优秀的程序员,十分优秀!