کد آماده برای سبد خرید در فروشگاههای رزبلاگ بدون نیاز به کد نویسی

برای باز شدن منوی سبد خرید از کد زیر استفاده کنید

<a scroll="150" scroll-time="2000" class=" fot_link pos_r rb-bs-btn" href="javascript:void(0)">
<div class="rb_notify_cart"><span class="rb_basket_total_count">9</span></div>
<svg class="fill_white add_wishlist" height="20" width="20"><use xlink:href="#svg_basket"></use></svg><div>سبد خرید</div></a>

کد زیر را در انتهای قالب خود یا در قالب هدر یا فوتر فروشگاه قرار بدید

<RB:Product_Cart_Block>
<li class="rb-bs-wrapper">


    <!-- پنل کشویی سبد خرید -->
    <div class="rb-bs-drawer" id="rb-bs-drawer">
        <div class="rb-bs-content">
            <!-- هدر: عنوان و دکمه بستن -->
            <div class="rb-bs-header">
                <h3>سبد خرید</h3>
                <button class="rb-bs-close" id="rb-bs-close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <line x1="18" y1="6" x2="6" y2="18"></line>
                        <line x1="6" y1="6" x2="18" y2="18"></line>
                    </svg>
                </button>
            </div>

            <!-- لیست محصولات -->
            <ul class="rb-bs-list">
                <RB:Product_Cart_Loop>
                <li class="rb-bs-item">
                    <div class="rb-bs-img-box">
                        <a href="[Product_Cart_Link]">
                            <img src="[Product_Cart_Img]" alt="[Product_Cart_Title]">
                        </a>
                    </div>
                    <div class="rb-bs-info">
                        <h4><a href="[Product_Cart_Link]">[Product_Cart_Title]</a></h4>
                        <p class="rb-bs-meta">1عدد - <RB:Discount><del>[Discount]</del></RB:Discount> <span class="rb-bs-price main-color-one-color">[Product_Cart_Price] تومان</span></p>
                    </div>
                    <a href="#" onclick="update_basket([Product_Cart_Id],'del')" class="rb-bs-remove" title="حذف">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <line x1="18" y1="6" x2="6" y2="18"></line>
                            <line x1="6" y1="6" x2="18" y2="18"></line>
                        </svg>
                    </a>
                </li>
                </RB:Product_Cart_Loop>
            </ul>

            <!-- حالت خالی بودن سبد -->
            <RB:Cart_Empty_Block>
            <div class="rb-bs-empty">
                <svg xmlns="http://www.w3.org/2000/svg" width="100" height="120" viewBox="0 0 84 133">
                    <defs> <filter id="a" width="111.8%" height="250%" x="-5.9%" y="-75%" filterUnits="objectBoundingBox"> <feGaussianBlur in="SourceGraphic" stdDeviation="1"/></filter></defs>
                    <g fill="none" fill-rule="evenodd" transform="translate(-3 -8)">
                        <path stroke="#ccc" stroke-linecap="round" stroke-width="3" d="M51.125 14.616L29.508 9.888a7 7 0 0 0-8.03 4.33L5.126 56.815A7 7 0 0 0 8.188 65.4l38.773 22.157a3 3 0 0 0 4.29-1.53l24.056-62.67a3 3 0 0 0-2.16-4.006l-14.96-3.268"/>
                        <path stroke="#ccc" stroke-linecap="round" stroke-width="3" d="M50.63 67.48l6.747 2.59c8.492 3.26 18.018-.982 21.278-9.473 3.26-8.492-.982-18.018-9.474-21.278l-13.773-5.287M53.643 68.637l-3.504-1.345M46.174 65.77l-2.57-.987"/>
                        <ellipse cx="46.5" cy="137" fill="#E0E0E0" filter="url(#a)" opacity=".499" rx="25.5" ry="2"/>
                        <path stroke="#ddd" stroke-dasharray="3,3" stroke-linecap="round" d="M60.009 79.954c17.306 3.827 30.777 36.869 6.48 30.04-12.144-3.412-3.234-19.224 6.759-10.71 4.204 3.583 4.002 10.797-.606 21.641M73.505 76.977c4.662 1.116 9.014 4.345 12.406 8.317"/>
                    </g>
                </svg>
                <p>سبد خرید شما خالی است!</p>
            </div>
            </RB:Cart_Empty_Block>

            <!-- فوتر: جمع کل و دکمه نهایی (همیشه ثابت در پایین) -->
            <RB:Cart_Total_Price_Block>
            <div class="rb-bs-footer">
                <div class="rb-bs-total-row">
                    <span>جمع کل:</span>
                    <span class="rb-bs-total-amount">[Cart_Total_Price] تومان</span>
                </div>
                <a href="[Shop_Cart_Url]" class="rb-bs-checkout">مشاهده سبد خرید</a>
            </div>
            </RB:Cart_Total_Price_Block>
        </div>
    </div>
</li>

<!-- اسکریپت باز و بسته کردن -->

</RB:Product_Cart_Block>

عکس از سبد خرید آماده