Как сделать кнопку «Добавить в корзину» прямо в корзину

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

Вам необходимо переместить корзину_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; 
}