إذا كان لديك متجر للمنتجات أو مدونة تعرض بها بعض من مشاريعك أو منتجاتك وتريد حلًا بسيطًا وأنيقًا وقابلًا لإدارة التجارة الإلكترونية لموقعك على الويب ، فاستخدم simpleCart (js) الذي تم دمجه مع أداة قياسية للبلوجر ليسهل التعديل عليه دون عناء التعامل المباشر مع الأكواد.
الأداة مدفوعة لكن أحببنا تقديمها لكم مجانا كاملة بدون أي نقص في الخصائص و مع العلم أن هذا البرنامج التعليمي يحتاج  لوحده مدونة كاملة وليس تدوينة واحدة لكن حاولنا تبسيطه قدر الإمكان في هذه الوثيقة التي سنبين لك طريقة تركيب الاداة وتشغيل جميع خصائصها ثم تبقى بعض المزايا خاصة فقط بالمكون الإضافي سنشرحها في تدوينات أخرى لمن يريد طرق عرض مختلفة.


تعريف بالإضافة

الاداة تعتمد كليا على مكتبة simpleCart (js) والتي بعد تخصيصها وتعديلها ثم بدمجهما حصلنا على عربة تسوق خفيفة الوزن مجانية  وتوفر حل ممتاز للتجارة الإلكترونية . ميزتها الرئيسية تكمن في بساطتها لا توجد قواعد بيانات ولا حاجة للبرمجة فقط بمجر إدراج البريد الخاص بك على PayPal ستبدأ في إستقبال أموالك بطريقة منظمة آمنة وسريعة.
warning
تنبيه..لاننصح بإستخدام الأداة أو مكتبة simpleCart (js) عموما على المتاجر الضخمة التي يصعب مراجعة كل منتج على حدى كونه لا يتعامل مع المنتجات وإدارة الطلبات وهذه فرصة للقراصنة من تغيير الأسعار قبل الخروج وطبعا هذا كلام مبرمج المكتبة.

مميزات الإضافة

  1. قائمة المميزات
  2. -شكل عصري متجاوب وسهل الإستخدام
  3. -متوافق مع سياسة الأرشفة وبدون تكرار أو أخطاء في مخرجات سجل التحكم
  4. -التحكم في إعدادات الأداة فقط من صفحة التخطيط مثل اللون والنصوص..إلخ
  5. -تدعم القوالب الأجنبية مع التحكم في إتجاه النص - يمين أو شمال
  6. -الإضافة لاتحوي توقيع المصمم (ظاهر أو مخفي) للمستخدم أو إعلانات التغذية التي نحقنها.
  7. -والمزيد من المميزات مع كل تحديدث للمنتج.

المعاينة


طريقة التركيب

لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولى - واجهة المستخدم

  • قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard
  • إنتقل للمدونة >> ثم إلى قالب >> ثم إضغط على تحرير  Edit HTML  
  • إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإضهار مربع البحث
  • بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بوضع الأكواد في المكان المناسب
لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الثانية - تركيب الأكواد

  • قم بالبحث عن هذا الوسم ]]></b:skin> فوقه أي قبله قم بوضع كود css التالي..
  • /*========================================
    station shopping cart:[ card ]
    =========================================*/
    /*========style table========*/
    .product_table{max-width:80%;}
    .product_table table{border-collapse:collapse;border-spacing:0;table-layout:auto;width:100%;}
    .product_table td,.product_table th{position:relative;padding:0;border:0;text-align:center;font-size:14px;vertical-align:middle;}
    .product_table th{padding:15px 0 0;}
    .product_table td{padding:15px;}
    .product_table th.product-price{padding-left:15px;}
    .product_table th.product-thumb{padding-right:15px;}
    .product_table th:after{content:'';display:block;width:100%;height:2px;margin:10px auto;padding:0;}
    /*========style card========*/
    .product_card{width:33.3333%;width:-webkit-calc(100% / 2.5);width:-moz-calc(100% / 2.5);width:calc(100% / 2.5);padding:15px;text-align:center;}
    .product_card .card-price{text-align:start;}
    .product_card .card-price .item_price{font-size:18px;padding:5px 15px;}
    .product_card .f-card,.product_card .card-container{margin:0 0 10px 0;padding:0 0 5px 0;}
    /*========eche style========*/
    .simpleCart_shelfItem{position:relative;display:block;overflow:auto;margin:20px auto;font-size:14px;color:#6d6d6d;text-decoration:none;line-height:normal;}
    /*--hr--*/
    .simpleCart_shelfItem hr{display:block;height:1px;border:0;margin:1em 0;padding:0;}
    /*--item--*/
    .simpleCart_shelfItem .item_thumb{display:block;width:auto;height:auto;margin:0 auto;max-width:200px;min-width:72px;border:0;}
    .simpleCart_shelfItem .item_name{font-weight:normal;color:#000;position:relative;overflow:hidden;display:block;background:none;margin:5px 0;padding:10px 0;min-width:200px;}
    .simpleCart_shelfItem input,.simpleCart_shelfItem select{background:white;font-family:inherit;position:relative;overflow:hidden;display:inline-block;font-weight:700;margin:0 5px;padding:0 15px;text-align:center;color:#333;box-shadow:none;outline:0;border:2px solid #eaeaea;width:110px;line-height:normal;vertical-align:middle;}
    .simpleCart_shelfItem label{display:block;font-size:12px;text-align:center;margin:0 0 5px;}
    .simpleCart_shelfItem .item_size{background-color:#eaeaea;}
    .simpleCart_shelfItem .item_add{cursor:pointer;padding:5px 15px;}
    .simpleCart_shelfItem .item_price{direction:ltr;background-color:#f5f5f5;font-size:24px;display:inline-block;text-align:center;margin:0 auto;padding:10px 20px;}
    .simpleCart_shelfItem .item_summary{font-size:14px;color:#969696;}
    /*== [type=checkbox + radio] ==*/
    .simpleCart_shelfItem input[type=checkbox]{width:20px;height:20px;cursor:pointer;position:relative;float:none;margin:0 5px;padding:0;z-index:1;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
    .simpleCart_shelfItem input[type=checkbox]:disabled{cursor:auto;}
    .simpleCart_shelfItem input[type=checkbox]:checked::before{display:block;position:relative;content:'';width:20px;height:20px;}
    @media screen and (max-width:1024px){.simpleCart_shelfItem .item_thumb{max-width:100%;}.product_table tfoot td{text-align:start;}.product_card{width:50%;width:-webkit-calc(100% / 2);width:-moz-calc(100% / 2);width:calc(100% / 2);}}
    @media screen and (max-width:992px){.product_card{width:80%;}}
    /*--yellow--*/
    .simpleCart_shelfItem input[type=checkbox].c-yellow{background:#efd966;border-color:#efd966;}
    .simpleCart_shelfItem input[type=checkbox].c-yellow:checked{-webkit-box-shadow:0 0 0 3px rgba(169,153,69,0.39);box-shadow:0 0 0 3px rgba(169,153,69,0.39);}
    /**--orange--*/
    .simpleCart_shelfItem input[type=checkbox].c-orange{background:#ff8100;border-color:#ff8100;}
    .simpleCart_shelfItem input[type=checkbox].c-orange:checked{-webkit-box-shadow:0 0 0 3px rgba(255,129,0,0.41);box-shadow:0 0 0 3px rgba(255,129,0,0.41);}
    /**--red--*/
    .simpleCart_shelfItem input[type=checkbox].c-red{background:#d05353;border-color:#d05353;}
    .simpleCart_shelfItem input[type=checkbox].c-red:checked{-webkit-box-shadow:0 0 0 3px rgba(208,83,83,0.34);box-shadow:0 0 0 3px rgba(208,83,83,0.34);}
    /**--blue--*/
    .simpleCart_shelfItem input[type=checkbox].c-blue{background:#0077cc;border-color:#0077cc;}
    .simpleCart_shelfItem input[type=checkbox].c-blue:checked{-webkit-box-shadow:0 0 0 3px rgba(0,119,204,0.34);box-shadow:0 0 0 3px rgba(0,119,204,0.34);}
    /**--green--*/
    .simpleCart_shelfItem input[type=checkbox].c-green{background:#52944c;border-color:#52944c;}
    .simpleCart_shelfItem input[type=checkbox].c-green:checked{-webkit-box-shadow:0 0 0 3px rgba(82,148,76,0.54);box-shadow:0 0 0 3px rgba(82,148,76,0.54);}
    /**--purple--*/
    .simpleCart_shelfItem input[type=checkbox].c-purple{background:purple;border-color:purple;}
    .simpleCart_shelfItem input[type=checkbox].c-purple:checked{-webkit-box-shadow:0 0 0 3px rgba(128,0,128,0.37);box-shadow:0 0 0 3px rgba(128,0,128,0.37);}
    /**--pink--*/
    .simpleCart_shelfItem input[type=checkbox].c-pink{background:pink;border-color:pink;}
    .simpleCart_shelfItem input[type=checkbox].c-pink:checked{-webkit-box-shadow:0 0 0 3px rgba(255,192,203,0.48);box-shadow:0 0 0 3px rgba(255,192,203,0.48);}
    /**--brown--*/
    .simpleCart_shelfItem input[type=checkbox].c-brown{background:#a55f2a;border-color:#a55f2a;}
    .simpleCart_shelfItem input[type=checkbox].c-brown:checked{-webkit-box-shadow:0 0 0 3px rgb(165,95,42,0.37);box-shadow:0 0 0 3px rgba(165,95,42,0.37);}
    /**--black--*/
    .simpleCart_shelfItem input[type=checkbox].c-black{background:black;border-color:black;}
    .simpleCart_shelfItem input[type=checkbox].c-black:checked{-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.3);box-shadow:0 0 0 3px rgba(0,0,0,0.3);}
    /**--gray--*/
    .simpleCart_shelfItem input[type=checkbox].c-gray{background:gray;border-color:gray;}
    .simpleCart_shelfItem input[type=checkbox].c-gray:checked{-webkit-box-shadow:0 0 0 3px rgba(128,128,128,0.36);box-shadow:0 0 0 3px rgba(128,128,128,0.36);}
    /**--white--*/
    .simpleCart_shelfItem input[type=checkbox].c-white{background:white;}
    .simpleCart_shelfItem input[type=checkbox].c-white:checked{-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.12);box-shadow:0 0 0 3px rgba(0,0,0,0.12);}
    /*========================================
    station shopping cart:[ widget ]
    =========================================*/
    .shoppingcart-widget .shoppingcart-con.hide{display:none;}
    .shoppingcart-widget{position:relative;overflow:hidden;margin:10px 8px 30px;}
    .simpleCart_items,.simpleCart_details{font-size:12px;color:#000000;text-decoration:none;line-height:normal;}
    .shoppingcart-button{position:relative;display:block;font-size:14px;padding:15px 10px;margin:0;text-align:center;}
    .shoppingcart-button i{margin:0 5px;font-size:20px;}
    .shoppingcart-button span.badge-cart{text-align:center;background-color:#ffffff;margin:0 5px;padding:3px 10px;font-size:11px;}
    .shoppingcart .shoppingcart-button:hover span.badge-cart,.shoppingcart .active .shoppingcart-button span.badge-cart{background-color:#f5f5f5;}
    /*===header Row===*/
    .simpleCart_items table,.simpleCart_items tbody{border-collapse:collapse;border-spacing:0;table-layout:auto;width:100%;}
    .simpleCart_items tr{border-bottom:1px solid #bfbfbf;}
    .simpleCart_items tr:last-child{border:0;}
    .simpleCart_items td,.simpleCart_items th{position:relative;padding:10px 2px;border:0;text-align:center;font-size:11px;vertical-align:middle;}
    .simpleCart_items td.item-remove,.simpleCart_items th.item-remove{padding:0;width:0;}
    .simpleCart_items th.item-quantity,.simpleCart_items th.item-decrement,.simpleCart_items th.item-increment{width:20px;}
    .simpleCart_items th{background-color:#ffffff;}
    /*===item Row===*/
    .simpleCart_items{background-color:#ffffff;width:100%;overflow:auto;display:block;padding:0 10px;}
    .simpleCart_items a i{font-size:14px;padding:0;background-color:#f5f5f5;color:#444444;width:20px;height:20px;line-height:20px;-webkit-border-radius:100%;display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
    .simpleCart_items a i:hover{background-color:#bfbfbf;}
    .simpleCart_items img{width:100%;height:auto;max-width:100px;}
    .simpleCart_items td.item-remove a{font-size:11px;position:absolute;z-index:2;top:0;margin:5px 2px;}
    .simpleCart_items input{display:block;margin:0 auto;padding:5px 10px;max-width:120px;text-align:center;font-size:12px!important;}
    .simpleCart_items input:disabled{background-color:#e8e8e8;border-color:#e8e8e8;}
    /*===simpleCart details===*/
    .simpleCart_details{padding:10px;background-color:#f5f5f5;}
    .simpleCart_details p:after{content:'';display:block;clear:both;}
    .simpleCart_details .divider{background-color:white;margin:5px 0;padding:2px;}
    .simpleCart_details span{line-height:normal;margin-top:2px;}
    .simpleCart_details a{display:inline-block;padding:5px 10px;font-size:12px;}
    .simpleCart_details a i{margin:0 5px;font-size:14px;}
    /*===simpleCart more info===*/
    .simpleCart_moreinfo{padding:5px;text-align:start;}
    .simpleCart_moreinfo a{display:inline-block;background-color:#f5f5f5;border:1px solid #eeeeee;color:#444;font-size:12px;margin:0;padding:2px 5px;line-height:normal;}
    .simpleCart_moreinfo a i{margin:0 5px;}
    .simpleCart_moreinfo a:hover{background-color:white;}
    /*===only page===*/
    #shoppingcart_page *{font-size:14px;}
    #shoppingcart_page td.item-thumb{height:200px;}
    #shoppingcart_page .simpleCart_items td.item-remove a i,#shoppingcart_page .simpleCart_items td.item-name a i{width:25px;height:25px;line-height:30px;margin:0 5px;}
    #shoppingcart_page .simpleCart_details a{padding:8px 15px;}
    /*===plustyle===*/
    .cartradius4{border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
    .cartradius3{border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
    .cartradius10{border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
    .cartradius30,.simpleCart_items a,.simpleCart_items input{border-radius:30px;-o-border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
    .cartshadow{-webkit-box-shadow:0 5px 8px rgba(0,0,0,0.13);-moz-box-shadow:0 5px 8px rgba(0,0,0,0.13);-ms-box-shadow:0 5px 8px rgba(0,0,0,0.13);-o-box-shadow:0 5px 8px rgba(0,0,0,0.13);box-shadow:0 5px 8px rgba(0,0,0,0.13);}
    /*===direction===*/
    .simpleCart_items .item-total,.simpleCart_details span{direction:ltr;}
    /*--rtl--*/
    .shoppingcart-widget.rtl-cart{direction:rtl;text-align:right;}
    .shoppingcart-widget.rtl-cart td.item-remove a{right:0;}
    .shoppingcart-widget.rtl-cart .simpleCart_details span{float:left;}
    .simpleCart_details a{margin:5px 0 0 5px;}
    /*--ltr--*/
    .shoppingcart-widget.ltr-cart{direction:ltr;text-align:left;}
    .shoppingcart-widget.ltr-cart td.item-remove a{left:0;}
    .shoppingcart-widget.ltr-cart .simpleCart_details span{float:right;}
    .simpleCart_details a{margin:5px 5px 0 0;}
    /*--loader-cart--*/
    .loader-cart *{display:none!important;}
    .loader-cart,.loader-cart::before,.loader-cart::after{-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate;}
    .loader-cart{margin:10px auto;}
    .loader-cart::before,.loader-cart::after{content:'';display:inline-block;position:absolute;top:0;}
    .loader-cart::before{left:-15px;animation-delay:0s;-webkit-animation-delay:0s;}
    .loader-cart::after{left:15px;animation-delay:1s;-webkit-animation-delay:1s;}
    .loader-cart{position:relative;padding:0!important;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;animation-delay:.5s;-webkit-animation-delay:.5s;}
    .loader-cart,.loader-cart::before,.loader-cart::after{width:10px;height:10px;border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
    
  • قم بالبحث عن هذا الوسم </b:section> فوقه أي قبله قم بوضع كود html التالي..
  • تنبيه:
    ستجد الوسم </b:section> الذي نبحث عنه مكرر أكثر من مرة لايهم المطلوب لأننا سنغير مكان الأداة من صفحة التخطيط المهم أحرص على حفظ القالب دون أي أخطاء ولاتنسى أخذ نسخة إحتياطية للقالب.
    
                  <b:widget id='LinkList173' locked='false' title='إعدادات عربة التسوق' type='LinkList' version='1'>
                    <b:widget-settings>
                      <b:widget-setting name='text-9'>color</b:widget-setting>
                      <b:widget-setting name='link-9'><![CDATA[['#ff7f00', '#388d80']]]></b:widget-setting>
                      <b:widget-setting name='text-8'>direction</b:widget-setting>
                      <b:widget-setting name='link-7'>null</b:widget-setting>
                      <b:widget-setting name='link-8'>rtl</b:widget-setting>
                      <b:widget-setting name='text-10'>word</b:widget-setting>
                      <b:widget-setting name='link-5'>null</b:widget-setting>
                      <b:widget-setting name='link-6'>null</b:widget-setting>
                      <b:widget-setting name='link-3'>you@yours.com</b:widget-setting>
                      <b:widget-setting name='link-4'>USD</b:widget-setting>
                      <b:widget-setting name='text-1'>allow-style</b:widget-setting>
                      <b:widget-setting name='text-0'>allow-cart</b:widget-setting>
                      <b:widget-setting name='text-3'>email</b:widget-setting>
                      <b:widget-setting name='text-2'>type</b:widget-setting>
                      <b:widget-setting name='text-5'>link-success</b:widget-setting>
                      <b:widget-setting name='text-4'>currency</b:widget-setting>
                      <b:widget-setting name='text-7'>link-info</b:widget-setting>
                      <b:widget-setting name='text-6'>link-cancel</b:widget-setting>
                      <b:widget-setting name='sorting'>NONE</b:widget-setting>
                      <b:widget-setting name='link-1'>true</b:widget-setting>
                      <b:widget-setting name='link-2'>PayPal</b:widget-setting>
                      <b:widget-setting name='link-0'>true</b:widget-setting>
                      <b:widget-setting name='link-10'><![CDATA[["عربة التسوق" ,"حاصل الجمع" ,"معدل الضريبة" ,"ضريبة" ,"الشحن" ,"المجموع النهائي" ,"إفراغ العربة" ,"إدفع المبلغ" ,"حذف" ,"غير متوفر" ,"منتج" ,"ثمن" ,"كمية" ,"مبلغ" ,"عنصر" ,"تفاصيل عربتي" ,"حجم" ,"لون" ]]]></b:widget-setting>
                    </b:widget-settings>
                    <b:includable id='main'>
    <script src='https://cdn.statically.io/gh/Blogg-code/shopping-cart/5691d077/simpleCart.min.js' type='text/javascript'/><!-- js simpleCart v3.0.5 -->
     <div class='shoppingcart' id='shoppingcart_sid'/>
    <b:include name='Script'/>
    </b:includable>
                    <b:includable id='Script'>
    <script type='text/javascript'>
    var badge_instanceId = &quot;#<data:widget.instanceId/>&quot;,
            Settingsshopping={
              <b:loop values='data:links' var='link'>&#39;<data:link.name/>&#39; : <b:if cond='data:link.target in {&quot;true&quot;,&quot;false&quot;,&quot;null&quot;} or data:link.name in {&quot;word&quot;,&quot;color&quot;,&quot;shippingCustom&quot;,&quot;shippingFlatRate&quot;,&quot;shippingQuantityRate&quot;,&quot;shippingTotalRate&quot;,&quot;taxRate&quot;}'><data:link.target/><b:else/>&#39;<data:link.target.jsEscaped/>&#39;</b:if>,
              </b:loop>
            }
    /*<![CDATA[*/
    eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('m 16=[\'<8\\4=\\3d\\3><a\\4=\\3e-J\\1N\\3\\w=\\3\',\'\\3\\1O=\\3f\\3><i\\4=\\17\\r-3g-3h-o\\3></i>\',\'<8\\4=\\1P\\3><8\\4=\\1Q-b\\3></8></8>\',\'K\',\'h\',\'</8><8\\4=\\18-3i\\d><a\\w=\\1R:;\\d\\4=\\3j\\d><i\\4=\\D\\r-1S-1T\\d></i></a></8>\',\'3k\',\';}.s\\2.L\\3l{M:\\3m\\19\\2\',\'E\',\'3n\',\'1U\',\'1V-1a\',\'1b\',\'1c\',\';}@-3o-1W\\1X{0%{x-j:\',\'1Y\',\'3p\',\'عنصر\',\'3q\',\'#1d\',\'3r\',\'3s\',\'3t\',\':\\2<e\\t=\\1Z\\3\\4=\\1Z\\3></e></p><8\\4=\\3u\\3/><p>\',\'3v\',\';}.s\\2.20-b:21,\\2.s\\2.22\\2.s-J,\\2.3w\\23\\24,\\2.L\\23,.F\\2.25:21{x-j:\\2#26;j:\\2\',\'G\',\',\\2#27,\\2#28\',\'إفراغ\\2العربة\',\'y-G\',\'29\',\'3x\',\'2a-b\',\';}.s\\2.s-J\\2b.3y-b,\\2.s\\2.L\\2.3z-1U,\\2.s\\2.3A\\2b\\2,.F\\2.3B{j:\\2\',\'3C\',\'2c\',\'إدفع\\2المبلغ\',\':\\2<e\\t=\\2d\\3\\4=\\2d\\3></e></p><a\\4=\\3D\\1e-b\\2e\\3\\w=\\1f:;\\3>\',\'غير\\2متوفر\',\')</a></8>\',\'3E\',\'1g\',\':\\2<e\\t=\\2f\\3\\4=\\2f\\3></e></p><p>\',\'<a\\4=\\N-J\\1e-b\\3\\w=\\1f:;\\3\\t=\\3F\\3><i\\4=\\17\\r-1h-b\\3/>\',\'1i\\r-1h-b\',\'حذف\',\'3G\',\'الشحن\',\';}.1j-b,.1j-b::3H,.1j-b::1k,.3I\\2g:1k{x-j:\',\'</e></a><8\\4=\\N-2h\\3J\\3\\t=\\2i\\3>\',\'ثمن\',\'#3K\',\'O\',\'مبلغ\',\'<1a\\3L=\\3M/3N\\d>.s\\2.20-b,.F\\2.25{x-j:\\2\',\'<8\\4=\\18-3O\\d><a\\w=\\1R:;\\d\\4=\\3P\\d><i\\4=\\D\\r-1S-3Q\\d></i></a></8><8\\4=\\18-1b\\d>\',\';}.s\\2.L\\2g{M-3R:\\2j\\19\\2\',\'3S\',\'\\d\\1O=\\3T\\d><i\\4=\\D\\r-3U-y\\d></i>\',\'معدل\\2الضريبة\',\'y-E\',\'3V\',\'2k-b\',\'عربة\\2التسوق\',\'</e>\',\'j\',\'3W\',\'<8\\4=\\N-2h\\3\\t=\\2i\\3><8\\4=\\1P\\3><8\\4=\\1Q-b\\3></8></8>\',\'<8\\4=\\3X\\3><p>\',\'1l\',\';j:#26;M-j:\\2\',\'P\',\'#3Y\',\'<i\\4=\\D\\r-2l\\d></i>\',\'تفاصيل\\2عربتي\',\'3Z\',\'2m\',\'40\',\'</a>\',\'2k\',\'1k\',\'1m\',\'حجم\',\'#27\',\'y-41\',\'42\',\'1n\',\'</8>\',\'ضريبة\',\'1o\',\'B\',\'1p\',\'43\',\'Q\',\'<e\\4=\\44\\3\\45=\\46:47;\\3>\',\'2n\',\'48\',\':49\',\'y\',\'#28\',\'لون\',\'4a\',\'4b\',\'</a><a\\4=\\4c\\1e-b\\2e\\3\\w=\\1f:;\\3><i\\4=\\17\\r-4d-4e-4f\\3></i>\',\'22\',\'1i\\r-b-4g-1T\',\';}50%,2o%{x-j:#2p;}}@1W\\1X{0%{x-j:\',\'2a\',\'4h\',\'حاصل\\2الجمع\',\';}.F\\4i{M-4j:\\2j\\19\\2\',\'كمية\',\'4k\'];(f(z,1q){m R=f(2q){4l(--2q){z[\'4m\'](z[\'4n\']())}};R(++1q)}(16,4o));m 1=f(z,1q){z=z-7;m R=16[z];v R};$(f(){m H=4p[1(\'4q\')][1(\'4r\')][\'4s\'](),2r=!c===6[\'1V-b\']?!c:!7,2s=!c===6[1(\'4t\')]?!c:!7,2t=k 7!==6[1(\'S\')]?6[1(\'S\')]:1(\'4u\'),2u=k 7!==6[1(\'7\')]?6[1(\'7\')]:\'\',2v=k 7!==6[\'B\']?6[1(\'T\')]:1(\'4v\'),2w=k 7!==6[1(\'2x\')]?6[\'P\']:A,2y=k 7!==6[1(\'1r\')]?6[1(\'1r\')]:7,2z=k 7!==6[1(\'1s\')]?6[1(\'1s\')]:7,2A=k 7!==6[1(\'1t\')]?6[1(\'1t\')]:7,2B=k 7!==6[1(\'2C\')]?6[1(\'2C\')]:7,2D=!7===6[1(\'2E\')]?!7:!c,1u=k 7!==6[1(\'4w\')]?6[\'y-E\']:A,1v=k 7!==6[\'y-G\']?6[1(\'4x\')]:A,U=k 7!==6[1(\'2F\')]?6[1(\'2F\')]:A,2G=k 7!==6[1(\'2H\')]?6[1(\'2H\')]:1(\'V\'),2I=k 7!==6[1(\'q\')]?6[1(\'q\')]:[1(\'4y\'),1(\'4z\')],2J=k 7!==6[1(\'9\')]?6[1(\'9\')]:[1(\'4A\'),1(\'2K\'),1(\'4B\'),1(\'4C\'),1(\'4D\'),\'المجموع\\2النهائي\',1(\'4E\'),1(\'4F\'),1(\'4G\'),1(\'4H\'),\'منتج\',1(\'4I\'),1(\'2L\'),1(\'4J\'),1(\'4K\'),1(\'4L\'),1(\'4M\'),1(\'2M\')];m W,X,4N;u(1u==A){W=H}C{W=1u};u(1v==A){X=H}C{X=1v};4O(2G){2N 1(\'4P\'):Y=1(\'4Q\');1w;2N 1(\'V\'):Y=1(\'2O\');1w;4R:Y=1(\'2O\');1w};m 5={\'O\':f(2P){v 2J[2Q(2P-c)]},\'j\':f(2R){v 2I[2Q(2R-c)]}};$[\'4S\'][1(\'1x\')]=f(Z){m 2S=$(1y);m g={\'B\':2v,\'1o\':2t,\'Q\':2u,\'E\':W,\'G\':X,\'P\':2w,\'1g\':2y,\'1p\':2z,\'1n\':2A,\'K\':2B,\'1c\':2D,\'1m\':\'4T\',\'1l\':f(){m 10=\'\';u(Z===\'2T\'){10=[{\'n\':1(\'1z\'),\'l\':![],\'11\':\'<i\\4=\\D\\r-2l\\d></i>\'},{\'n\':1(\'2U\'),\'h\':1(\'1A\'),\'l\':![]},{\'h\':1(\'1B\'),\'l\':5[1(\'9\')](1C),\'n\':f(1D,2V){v\'<a\\w=\\d\'+1D[1(\'4U\')](1(\'2W\'))+1(\'4V\')+1D[\'29\'](2V[1(\'4W\')])+1(\'4X\')}},{\'n\':\'B\',\'h\':1(\'4Y\'),\'l\':5[1(\'9\')](12)},{\'n\':f(2X,4Z){v 1(\'2Y\')+2X[\'1b\']()+1(\'2Z\')},\'h\':1(\'51\'),\'l\':5[1(\'9\')](1E)},{\'n\':\'2n\',\'h\':1(\'52\'),\'l\':5[1(\'9\')](30),\'11\':5[1(\'9\')](1F)},{\'n\':1(\'I\'),\'h\':1(\'q\'),\'l\':5[1(\'9\')](2L),\'11\':5[1(\'9\')](1F)},{\'n\':1(\'T\'),\'h\':1(\'31\'),\'l\':5[1(\'9\')](V)}]}C{10=[{\'n\':1(\'1z\'),\'l\':![],\'11\':1(\'53\')},{\'n\':1(\'2U\'),\'h\':1(\'1A\'),\'l\':![]},{\'h\':1(\'1B\'),\'l\':5[1(\'9\')](1C)},{\'n\':1(\'T\'),\'h\':\'2m\',\'l\':5[1(\'9\')](12)},{\'n\':f(32,54){v 1(\'2Y\')+32[1(\'55\')]()+1(\'2Z\')},\'h\':\'1Y\',\'l\':5[1(\'9\')](1E)},{\'n\':1(\'T\'),\'h\':1(\'31\'),\'l\':5[\'O\'](V)}]}v 10}},33={\'2c\':f(34,35){u(35==!![])v $(34)[1(\'56\')]($(1(\'57\')))}};u(2r===!![],Z){$(\'.F\')[1(\'58\')](f(59){m 1G=$(1y)[1(\'5a\')](\'.5b\');u(1G){1G[1(\'36\')](1(\'c\')+H+1(\'5c\'))}});33[1(\'5d\')](1(\'5e\')+5[1(\'q\')](I)+1(\'5f\')+5[1(\'q\')](I)+1(\'5g\')+5[1(\'q\')](I)+1(\'5h\')+5[1(\'q\')](c)+1(\'30\')+5[1(\'q\')](c)+1(\'5i\')+5[1(\'q\')](c)+1(\'5j\')+5[1(\'q\')](c)+1(\'5k\')+5[\'j\'](c)+1(\'5l\')+5[1(\'q\')](c)+1(\'1E\')+5[1(\'q\')](c)+\';}50%,2o%{x-j:#2p;}}</1a>\',2s);m 1H=\'\',13=\'\',1I=\'\',14=\'\';14+=1(\'5m\')+5[1(\'9\')](I)+1(\'5n\')+5[1(\'9\')](1B)+\':\\2<e\\t=\\37\\3\\4=\\37\\3></e></p><p>\'+5[1(\'9\')](38)+\':\\2<e\\t=\\39\\3\\4=\\39\\3></e></p><p>\'+5[1(\'9\')](2W)+1(\'5o\')+5[1(\'9\')](1J)+1(\'5p\')+5[1(\'9\')](2M)+1(\'1F\')+5[\'O\'](1A)+\'\\2(\'+g[1(\'S\')]+1(\'5q\');u(U!==A){1H+=1(\'5r\')+U+1(\'5s\')+5[1(\'9\')](2K)+\'</a></8>\'}u(Z==1(\'1K\')){13+=1(\'5t\')+5[1(\'9\')](c)+\'<e\\4=\\5u-b\\1N\\3><e\\t=\\3a\\3\\4=\\3a\\3>0</e>\\2\'+5[1(\'9\')](1K)+1(\'5v\')+1H+1(\'5w\')+14+1(\'1L\')}C{13+=1(\'5x\')+14+1(\'1L\')}1I+=\'<8\\4=\\N-5y\\5z\\5A\\2\'+Y+\'\\3>\'+13+1(\'1L\');$(2S)[1(\'5B\')](1I);5C({\'B\':g[\'B\'],\'5D\':{\'1o\':g[1(\'S\')],\'Q\':g[\'Q\'],\'E\':g[1(\'5E\')],\'G\':g[1(\'5F\')]},\'P\':g[1(\'2x\')],\'1g\':g[1(\'1r\')],\'1p\':g[1(\'1s\')],\'1n\':g[1(\'1t\')],\'K\':g[\'K\'],\'1c\':g[1(\'2E\')],\'1m\':g[1(\'5G\')],\'1l\':g[1(\'5H\')]()});m 1M=$(\'#1d\\24\'),15=$(\'#5I\');$(1(\'5J\'))[\'5K\'](1(\'5L\'),f(5M){\'1d\'==$(1y)[\'h\'](\'5N\')&&(15[\'5O\'](1(\'38\'))?1M[1(\'3b\')](\'1i\\r-1h-b\')[1(\'3c\')](1(\'12\')):1M[1(\'3b\')](1(\'12\'))[1(\'3c\')](1(\'5P\')),15[1(\'5Q\')](36,f(){15[1(\'5R\')]()[1(\'5S\')](1(\'1C\'))}))})}C{$(5T+1(\'5U\'))[1(\'1z\')]()}};u(H[1(\'5V\')](U)>-c||$(1(\'1J\'))[\'5W\']>7){$(1(\'1J\'))[1(\'1x\')](\'2T\')}C{$(1(\'5X\'))[1(\'1x\')](1(\'1K\'))}});',62,370,'|_0x46e1|x20|x22|x20class|_0x445229|Settingsshopping|0x0|div|0x48||cart|0x1|x27|span|function|_0x5f40c4|attr||color|void|label|var|view|||0x55|x20fa|shoppingcart|x20id|if|return|x20href|background|link|_0x34172c|null|currency|else|x27fa|success|simpleCart_shelfItem|cancel|_0x44cb06|0x2|button|taxRate|simpleCart_items|border|x22shoppingcart|word|shippingCustom|email|_0x46e15d|0x6d|0x6e|_0xc06e86|0xe|_0x476d7c|_0x252afc|dir|_0x10eb28|_0x1e5c6c|text|0xc|_0x4dc80b|_0xec3e5c|_0x3d65d5|_0xca5d|x22fa|x27item|x20solid|style|quantity|taxShipping|showcart|x20btn|x22javascript|shippingFlatRate|shopping|fa|loader|after|cartColumns|cartStyle|shippingTotalRate|type|shippingQuantityRate|_0xca5db1|0x3d|0x6f|0x6a|_0x211b42|_0x88df49|break|0x51|this|0x69|0x8|0x3|0xb|_0x1e7c00|0xd|0xa|_0x413d12|_0x48d776|_0x527465|0x6|0xf|0x6b|_0x54c095|x20cartradius30|x20target|x22simpleCart_items|x22loader|x27javascript|angle|down|total|allow|keyframes|x20dotFlashing|custom|x22simpleCart_shipping|btn|hover|active|x20a|x20i|item_add|ffffff|shoppingcart_sid|shoppingcart_page|get|rtl|x20span|getstyle|x22simpleCart_grandTotal|x20cartradius4|x22simpleCart_total|x20th|con|x22simplecart|x202px|ltr|times|price|input|100|e7e7e7|_0x210e2e|_0x873eb4|_0x41cc70|_0x5b0604|_0x89e541|_0x345f2a|_0x39b4d9|0x5b|_0x4055ab|_0x2969f9|_0xb75f7a|_0x491262|0x17|_0x4b1c01|0x21|0x68|_0x2545b3|0x3c|_0x25e6e6|_0x42dcdd|0x10|0x12|0x7|case|0x34|_0x558988|parseInt|_0x5ba190|_0x345641|page|0x24|_0x50f193|0x5|_0x5ef125|0x4b|0x19|0x11|0x1e|_0x44d040|_0x2711e3|_0x50fe17|_0x18ef1c|0x64|x22simpleCart_taxRate|0x4|x22simpleCart_tax|x22simpleCart_quantity|0x5f|0x33|x22simpleCart_moreinfo|x22showmore|x22_blank|user|circle|decrement|x27simpleCart_decrement|toggleClass|x20input|x201px|each|webkit|image|find|PayPal|href|head|x22divider|slideToggle|simpleCart_moreinfo|addClass|badge|item|simpleCart_details|item_price|size|x22simpleCart_empty|direction|x22showcart|USD|before|product_table|x20hide|388d80|x20type|x27text|css|increment|x27simpleCart_increment|up|bottom|parent|x27_blank|external|ihaveshopping|click|x22simpleCart_details|ff7f00|removeClass|appendTo|info|remove|location|x22item_link|x20style|x22display|none|name|visible|thumb|append|x22simpleCart_checkout|credit|card|alt|arrow|toggle|x20hr|top|indexOf|while|push|shift|0x13f|window|0x70|0x29|toLowerCase|0x1f|0x28|0x42|0x50|0x31|0x5c|0x47|0x53|0x4f|0x6c|0x43|0x30|0x38|0x41|0x3a|0x46|0x49|0x25|0x5e|0x66|_0x44f5c7|switch|0x63|0x52|default|fn|table|0x32|0x4e|0x18|0x62|0x60|_0x264346||0x23|0x36|0x5d|_0x412156|0x20|0x61|0x2a|0x1d|_0x57cfc4|0x26|item_name|0x54|0x37|0x4a|0x5a|0x2d|0x35|0x4c|0x1b|0x44|0x22|0x58|0x3e|0x2b|0x39|0x3b|0x14|0x15|0x3f|x22badge|0x45|0x16|0x57|widget|x20cartradius3|x20cartshadow|0x9|simpleCart|checkout|0x1c|0x2e|0x65|0x59|simplecart|0x27|on|0x56|_0x5a2154|id|is|0x40|0x2c|0x4d|0x1a|cart_instanceId|0x2f|0x13|length|0x67'.split('|'),0,{}))
    /*]]>*/
    </script>
                    </b:includable>
                  </b:widget>
    
    
    شرح الكود
    رابط السكريبت المحدد بهذا اللون خاص بـالمكون الإإضافي لمكتبة simpleCart.js -النسخة المعدلة- من طرفنا للإصدار v3.0.5 يمكنك تغيير مكانه فوق الوسم </head> دون مشاكل.
لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الثالثة - تخصيص الإضافة

  • إنتقل الآن إلى التخطيط >> ثم إبحث عن أداة بعنوان إعدادات عربة التسوق
  • ملاحظة:
    عند إيجاد الأداة قم بتحويل مكانها في أي موضع تراه مناسب والأحسن ضعها في الشريط الجانبي -سيدبار- مباشرة فوق الأدوات ثم إضغط على زر حفظ الترتيب.
    بعد ذلك قم بتحرير الأداة لإدخال العلامات التي تحتاجها بهذا الشكل .
      التعديل على الأداة
    • العلامة allow-cart خاص بعرض الإضافة عموما فإذا غيرت القيمة من true إلى false سيتم إخفاء الإضافة من مدونتك.
    • العلامة allow-style خاص بحقن النمط -ستايل- الألوان في القالب فإذا أردت تخصيص الأداة بالألوان الخاصة بك دون تدخل من السكريبت قم بتغيير القيمة من true إلى false وسيتم إزال الألوان من جميع العناصر المرتبطة.
    • العلامة type خاصة بوسيط أو -وسيلة الدفع- الإلكتروني نضع القيمة PayPal مع العلم أن هناك عدة مراجع لطريقة الخروج.
    • العلامة email خاصة بالبريد الإلكتروني المستخدم في حال إخترت -وسيلة الدفع- PayPal قم بوضع البريد الخاص بك مكان you@yours.com.
    • العلامة currency خاصة بالعملة المستخدمة في الدفع هناك أكثر من 20 عملة مدعومة والعملة الإفتراضية هي القيمة USD.
      USD - الدولار الأمريكي (افتراضي)،
      AUD - الدولار الأسترالي،
      BRL - الريال البرازيلي،
      CAD - الدولار الكندي،
      CZK - كرونة تشيكية،
      DKK - كرونة دانمركية،
      EUR - اليورو،
      HKD - دولار هونج كونج،
      HUF - فورنت مجري،
      JPY - الين الياباني،
      MXN - البيزو المكسيكي،
      NOK - كرونة نرويجية،
      NZD - الدولار النيوزيلندي،
      PLN - الزلوتي البولندي،
      GBP - الجنيه الإسترليني،
      SGD - الدولار السنغافوري،
      SEK - الكرونا السويدية،
      CHF - الفرنك السويسري،
      THB - البات التايلندي،
      BTC - بيتكوين
    • العلامة link-success رابط التوجيه عند إكمال عملية الدفع إفتراضيا يتم إرجاع المشتري إلى نفس الصفحة التي قام فيها بالخروج لكن إذا أردت إرجاعه لصفحة معينة يمكنك وضع الرابط كقيمة مكان القيمة null.
    • العلامة link-cancel نفس الفكرة لرابط التوجيه لكن هذا عند إلغاء عملية الدفع إفتراضيا يتم إرجاع المشتري إلى نفس الصفحة التي قام فيها بالخروج لكن إذا أردت إرجاعه لصفحة معينة يمكنك وضع الرابط كقيمة مكان القيمة null.
    • العلامة link-info تخص رابط الزر -تفاصيل عربتي- ليتم توجيه المشتري إلى -صفحة تفاصيل عربة التسوق- إفتراضيا هذا الزر مخفي لكن بمجرد أن نضع رابط الصفحة بعد إنشائها كقيمة مكان القيمة null سيتم إظهار الزر -تفاصيل عربتي- في صندوق عربة التسوق.
      ..كمالاتنسى قم بمراجعة طريقة إنشاء هذه الصفحة في الخطوة الرابعة.
    • العلامة direction خاصة بإتجاه النص للعربية نضع القيمة rtl أما للغات الأجنبية نضع ltr .
    • المعرف color خاص باللون الرئيسي للإضافة ولون الأزرار قم بتغيير القيمة ['#ff7f00', '#388d80'] إلى اللون الذي يناسب قالبك..مع العلم أنه يمكنك كتابة اللون بدل القيمة السداسية مثلا blue.
    • المعرف word خاص بنصوص إعدادات المستخدم قم بتغيير نصوص القيمة بما تراه مناسب ["عربة التسوق" ,"حاصل الجمع" ,"معدل الضريبة" ,"ضريبة" ,"الشحن" ,"المجموع النهائي" ,"إفراغ العربة" ,"إدفع المبلغ" ,"حذف" ,"غير متوفر" ,"منتج" ,"ثمن" ,"كمية" ,"مبلغ" ,"عنصر" ,"تفاصيل عربتي" ,"حجم" ,"لون" ] أو قم بترجمتها في حال كانت مدونتك أجنبية.
    ملاحظة:
    حذف بعض العلامات من الأداة لايأثر في طريقة العرض مثلا لو حذفنا العلامات مثل color و word فسيتم إستخدام القيم الإفتراضية يعني تستطيع تنضيف الاداة من جميع العلامات فقط أترك العلامة email الخاصة بالبريد التابع لك.
    كما أن هناك خيارات أخرى خاصة بمكتبة simpleCart.js يمكن إدراجها في الأداة بنفس الطريقة التي شرحناها وإليك فيما يلي الخيارات الممكنة وقيمها الافتراضية مع العلم أنها خيارات غير مهمة إذا كانت منتوجاتك رقمية كونها لاتحتاج للشحن:
    العلامة وصف القيمة الإفتراضية
    shippingCustom وظيفة مخصصة لإضافة تكلفة الشحن null
    shippingFlatRate خيار الشحن معدل ثابت -سعر موحد- 0
    shippingQuantityRate إضافة الشحن على أساس هذه القيمة مضروبا في كمية العربة 0
    shippingTotalRate إضافة الشحن على أساس هذه القيمة مضروبا في المجموع الفرعي للعربة 0
    taxRate معدل الضريبة المطبق على المجموع الفرعي للعربة 0
    taxShipping صحيح true إذا كان يجب تطبيق الضريبة على الشحن false
لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الرابعة - إنشاء صفحة تفاصيل العربة.

توضيح:
صفحة تفاصيل عربة التسوق هي مكان مؤقت لتخزين قائمة من السلع التي تم إضافتها من عدة مواضع متفرقة ليسهل مراجعتها من طرف المشتري في عرض أوضح وتفاصيل أدق من صندوق عربة التسوق.

  • إنتقل للمدونة >> ثم إلى الصفحات >> ثم قم بإنشاء صفحة جديدة بعنوان إنجليزي مثلا   shopping cart info  
  • من خلال >> إعدادات الصفحة >> خيارات >> تعليقات القراء >> عدم السماح
  • الآن إنتقل من وضع   التأليف إلى HTML ثم إحذف أي كود موجود
  • قم بنسخ كود html التالي وضعه داخل محرر الصفحة.

  • <!-- Shopping Cart Start -->
    <div class='shoppingcart' id="shoppingcart_page">
    <!-- Shopping Cart End -->
    
  • قم الآن بنشر الصفحة Publish ثم أعد تعديلها وغير عنوان الصفحة shopping cart info لما يناسبك.
لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الخامسة- تكويد بطاقات المنتج.

توضيح:
بعد تركيب الإضافة بنجاح سنحتاج الآن بطاقات المنتجات المدرجة في الموضوع والتي تتيح للمشتري تحديد الخيارات المتاحة له ثم إضافة المنتج إلى عربة التسوق الخاصة به..جميل ماذا بعد؟.
حسنا صديقي..فبدل أن تقوم في كل مرة بتكويد عنصر البطاقة وهذا طبعا ممل وعرضة للأخطاء نتيح لك -أداة مولد الأكواد القصيرة- والتي ستقوم بتحميل الملف الخاص بها من الملحقات في الأسفل.
عند تنزيل المجلد وفك الضغط ستحصل على ملف index أوف لاين قم فقط بالضغط عليه ليفتح معك على المتصفح ستجد نفس تعليمات طريقة التركيب التي شرحناها سابقا وفي الأسفل ستجد -أداة مولد الأكواد- لتبدأ من خلالها في إنشاء وتكويد بطاقات المنتجات لعرضها في تدويناتك.
  • بعد الحصول على كود البطاقة إنتقل للمدونة >> ثم إلى المشاركات >> ثم قم بتحرير التدوينة المطلوبة
  • الآن إنتقل من وضع   التأليف إلى HTML
  • قم بنسخ كود html من -أداة مولد الأكواد- وضعها في المكان المناسب لك داخل المحرر.
  • إضبط المنشور جيدا من حيث إدراج التسميات ووصف البحث ثم نشر للتدوينة Publish ومبروك عليك.

أسئلة مثيرة للاهتمام

هل يمكن تغيير مكان صندوق عربة التسوق؟
طبعا عزيزي..فقط القليل من الخبرة بالتعامل مع الأكواد يمكنك تخصيص الأداة بسهولة كونها بسيطة ومفهومة فلو مثلا وضعت الأداة في أي موضع على صفحة التخطيط حتى لو تجعلها في تذييل القالب وقمت بحذف السطر <div class='shoppingcart' id='shoppingcart_sid'/> ووضعته في اي موضع مثلا أسفل الوسم <data:post.body/> ستلاحظ أن صندوق العربة يظهر في جميع الصفحات بالأسفل بدل أن يتبع مكان الأداة.
كما أننا سننشر تدوينة جديدة ستتيح لكم إستخدام صندوق عربة التسوق على شكل زر منبثق يتم وضعه في القائمة الرئيسية أو الشريط العلوي مثلما نراه في المتاجر الكبرى أو نكسر الروتين ونجعله على شكل زر ثابت.
صفحة تفاصيل عربة التسوق لاتعمل؟
يتم عرض هذه الصفحة بالتزامن مع صندوق عربة التسوق الموجودة في الشريط الجانبي لذلك يتطلب أن تقرأ هذه الصفحة سكريبت الإضافة وهذا معناه أنه لايجب أن يكون الموضع الذي نركب فيه الإضافة محذوف تماما في الصفحات الثابتة.
فمثلا لو قمنا بتركيب الأداة في الشريط الجانبي - سيدبار - لامشكلة إن كان مخفي في الصفحات لكن يجب أن يكون ظاهر في الخلفية أقصد صفحة المصدر تماما مثلما شاهدت في المعاينة صحيح أن القائمة الجانبية مخفية لكنها موجودة لو فحصت العنصر.
هل يمكن التعديل على السكريبت؟
إذا كنت مطور ذو خبرة لابأس بها فلاداعي أن تسألني عن سكريبت الإضافة أولا لأنه محمي وثانيا لن يشكل لك عرقلة لأن المكون الإضافي - مفتوح المصدر- وستجد نسخة كاملة في تحميل المرفقات داخل المجلد - النسخ الإحتياطية- عندها يمكنك إعادة تخصيصه كيف ماأردت أو برمجة اداة من إبداعك من هذا النوع.
أين أجد مصادر تعليمية للمكون الإضافي simpleCart (js)؟
كما أشرت لك سابقا عند تحميل الملف المرفق ستجد بعض النماذج البسيطة لتجربة الوضائف المحتملة..ربما تكفيك أو تضطر للإستزادة من خلال محرك البحث.
إلا أنه يمكنك الانتقال إلى موقع simpleCart الرسمي الجاري تحويله من simplecartjs.org إلى simplecartjs.com أو مراجعة صفحة المطور على GitHub
كيف أدعم الأداة؟
جميل..لو تتكرم بالتبليغ عن الأخطاء التي حدثت معك لنقوم بإدراج الحلول المحتملة في التحديثات القادمة فهذا يعد لفتة طيبة منك أو إذا كنت مطور يمكنك إرشادنا إلى أفكار من شأنها تحسين أداء هذا السكريبت الرائع حقا..وطبعا لمن يريد دعم السكريبت ماديا فاليتفضل مشكورا إلى طلب الخدمة على موقع خمسات Donating
©2020 جميع الحقوق محفوظة لموقع بلوجر كود. يتم التشغيل بواسطة Blogger.