如何使添加到购物车按钮直接进入购物车

时间:2013-03-08 22:13:58

标签: javascript shopping-cart

我正在尝试修改我自定义http://radiantiger.bigcartel.com/product/hhhgtf网站的“添加到购物车”按钮。我希望客户点击“添加到购物车”按钮,然后直接进入购物车。

1)我知道我必须编辑添加到购物车按钮的javascript,我该怎么做? &安培;我应该使用什么代码?

2)如何从侧边栏的左上角移动“购物车按钮”并使其与我的“添加到购物车按钮”内联,如下所示:http://dl.dropbox.com/u/90031565/Fullscreen%20capture%20382013%2050354%20PM.jpg

我尝试使用“添加到购物车按钮”将“购物车按钮”放入同一个div中,但它在购物车功能中丢失了实时显示内容。

提前谢谢你。

1 个答案:

答案 0 :(得分:0)

您需要将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;
}