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

Question

我正在尝试为我正在自定义http://radiantiger.bigcartel.com/product/hhhgtf的网站编辑“添加到购物车”按钮。我希望客户单击“添加到购物车”按钮并直接进入购物车。

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

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

我尝试将“购物车按钮”与“添加到购物车按钮”放在同一个 div 中，但它失去了购物车功能中内容的实时显示。

先感谢您。

Answer 1

您需要将 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 向右移动购物车 http://www.bybe.net/downloads/html5-move-cart-rightside.png

此外，为了让元素并排工作，您需要对样式表进行次要版本，如下所示：

#add_cart button, #cart_nav_list {
 float:left;
}