我如何使添加到购物车按钮直接去购物车

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> 

附截图显示你找到这些元素的详细信息。要查看我已粘贴的信息安装萤火虫。

html5 move cart rightside http://www.bybe.net/downloads/html5-move-cart-rightside.png

另外得到并肩工作的需要的元素，使未成年人版样式表像这样：

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