1

カスタマイズしているサイトの[カートに追加]ボタンを編集しようとしていますhttp://radiantiger.bigcartel.com/product/hhhgtf。お客様に「カートに追加」ボタンをクリックして、カートに直接移動してもらいたい。

1)カートに追加ボタンのJavaScriptを編集する必要があることを理解しています。どうすればよいですか?&どのコードを使用する必要がありますか?

2)サイドバーの左上から「カートボタン」を移動し、次のように「カートに追加ボタン」とインラインにする方法:http: //dl.dropbox.com/u/90031565/Fullscreen%20capture %20382013%2050354%20PM.jpg

「カートボタン」を「カートに追加ボタン」と同じdivに入れてみましたが、カート機能の内容がリアルタイムで表示されなくなりました。

前もって感謝します。

4

1 に答える 1

0

cart_nav_listをサイドバーからIDadd_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;
}
于 2013-03-08T23:11:16.013 に答える