قم بالبحث عن هذا الوسم ]]></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 = "#<data:widget.instanceId/>",
Settingsshopping={
<b:loop values='data:links' var='link'>'<data:link.name/>' : <b:if cond='data:link.target in {"true","false","null"} or data:link.name in {"word","color","shippingCustom","shippingFlatRate","shippingQuantityRate","shippingTotalRate","taxRate"}'><data:link.target/><b:else/>'<data:link.target.jsEscaped/>'</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> دون مشاكل.
دعمك للمحتوي العربي يجعلنا نتمني منك المزيد :favorite:
ردحذفنريد من فضلك إضافة Dark Mode الي بلوجر في الدرس القادم إن شاء الله
شكرا على تشجيعك أخي
ردحذفآسف بالنسبة للميزة التي تطلبها لن أعدك بنشرها في الموضوع القادم لأن هناك بعض المواضيع تنتظر دورها
إلا أنه سندرجها مع الطلبات..وأعتذر منك مجددا
لا عليك اخي, دائماً انت الأفضل
حذفشـرح وتفصيـل أكثـر من رائـع، وبالتفصيل؛ شخصياً أحب طريقة عـرضك في انتظار المزيد حول تلك الإضـافة
ردحذفسكربت مفيد جداً لمن يريد عرض خدماته (:
ردحذفأخي عبد القادر أريد أستفسر منك هل من الممكن انشاء زر او سكربت تحميل الصورة بشكل مباشر اي عند الضغط على كلمة التحميل سواء كانت بالمشاركات او بالرئيسية هذا الرابط لمدونتي وتوضيح لما اقصده www.r2y.net عند الضغط على كلمة " تحميل الصورة " يتم التحميل بشكل تلقائي على الكمبيوتر او الهاتف هل هذا ممكن حاولت وبحثت لأكثر من 8 اشهر تقريباً ولم أجد حل لا بالمواقع الأجنبيه ولا بالمواقع العربية لعلي أجد الحل عندك أخي عبد القادر وشكراً لك .
أهلا أخي الحبيب إنشاء تكون بخير وصحة وعافية
حذفبالنسبة للميزة التي تطلبها نادرة جدا وصعبة التحقيق إلا طبعا بالتحايل صحيح أنه بمجرد إضافة السمة إلى الرابط والتي أعلم أنك طبقتها ولم تنجح
من المفروض يفرض على المتصفح تنزيل الملف لكن هذه الميزة تم تعطيلها في بعض المتصفحات مثل Chrome لمنع تسريب المعلومات إلا إذا كان الملف في نفس النطاق ونحن كما تعلم على البلوجر يتم تخزين الصور في الأرشيف ولايتبع نطاق المدونة.
المهم قمت بتعديل سكريبت ليناسب قالب مدونتك لقد جربته على نفس المدونة الخاصة بك وهو يعمل بدون مشاكل.
قم بنسخ الكود الآتي وضعه فوق الوسم </body>
$('.download-img a').each(function() {
var self = $(this);
var getimg = self.attr('href');
var image = new Image();
var blob;
image.crossOrigin = "anonymous";
image.src = getimg;
// get file name - you might need to modify this if your image url doesn't contain a file extension otherwise you can set the file name manually
var fileName = image.src.split(/(\\|\/)/g).pop();
image.onload = function () {
var canvas = document.createElement('canvas');
canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size
canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size
canvas.getContext('2d').drawImage(this, 0, 0);
// ... get as Data URI
if (image.src.indexOf(".jpg") > -1) {
blob = canvas.toDataURL("image/jpeg");
} else if (image.src.indexOf(".png") > -1) {
blob = canvas.toDataURL("image/png");
} else if (image.src.indexOf(".gif") > -1) {
blob = canvas.toDataURL("image/gif");
} else {
blob = canvas.toDataURL("image/png");
}
self.attr({
href:blob,
download:fileName
});
};
});
حول هذا السكربت
قمت بتعديله ليقوم تلقائيا بالبحث عن الأزرار الخاصة بتنزيل الصور ثم يجلب من كول زر رابط الصورة الأصلية / يقوم بتحويل الصور إلى تنسيق Data URI / ثم يقوم بسحب إسم الصورة الأصلي / الآن سيعيد حقن السمات محملة بالبيانات السابق ذكرها والنتيجة ستلاحظ عند فحص العنصر أن تنسيق الصور تغير في زر التحميل لكن لاتقلق من حجم الرابط فهو أسرع رغم كبره / وستلاحظ كذلك أنه بمجرد تنزيل الصورة سيعطيع نفس العنوان الذي إخترته أنت.
لاتنسانا من دعائك الطيب
لا ادري كيف اشكرك أخي عبد القادر :favorite: كنت واثق وأنا اكتب التعليق انك سوف تعطيني الحل حقيقه لا أعرف كيف اشكرك حليت لي مشكله مستعصيه ...... نقطة بسيطه أخي عبد القادر عندما اضغط على إظهار المزيد اسفل المشاركات كأن السكربت يفقد ميزته او من القالب نفسه لا يحمل الصوره بل يفتحها بصفحه جديدة "" بالرئيسيه فقط وليس داخل المشاركات تم تجربتها وتعمل بدون اي مشاكل فقط في الرئيسيه وأعتذر منك على الإطالة
حذفتحديث...
حذفحسنا أخي سنجرب هذه الطريقة وإنشاء الله ستنجح
1-قبل كل شيء قم بحذف الكود السابق ثم قم بتنزيل نسخة إحتياطية للقالب
2-سنقوم بوضع الكود الآتي فوق الأكواد الخاصة بك لنقل مثلا فوق هذا function toggleFooterParts(e, a){
3-عندما تجده ضع فوقه الكود الخاص بنا
$.fn.downloadimg = function(e) {
$(this).each(function() {
var self = $(this);
console.log(self);
var getimg = self.attr('href');
var image = new Image();
var blob;
image.crossOrigin = "anonymous";
image.src = getimg;
// get file name - you might need to modify this if your image url doesn't contain a file extension otherwise you can set the file name manually
var fileName = image.src.split(/(\\|\/)/g).pop();
image.onload = function () {
var canvas = document.createElement('canvas');
canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size
canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size
canvas.getContext('2d').drawImage(this, 0, 0);
// ... get as Data URI
if (image.src.indexOf(".jpg") > -1) {
blob = canvas.toDataURL("image/jpeg");
} else if (image.src.indexOf(".png") > -1) {
blob = canvas.toDataURL("image/png");
} else if (image.src.indexOf(".gif") > -1) {
blob = canvas.toDataURL("image/gif");
} else {
blob = canvas.toDataURL("image/png");
}
self.attr({
href:blob,
download:fileName
});
};
});
};
4-حسنا إلى هنا سينتظر السكربت مفتاح التشغيل سواء عند تحميل الصفحة أو عند الضغط على زر إظهار المزيد ما سنقوم به هو إتباع وضيفة عداد المشاهدة فهي تشتغل عند الضغط على الزر ..لنتابع
5- قم بالبحث عن هذا السطر الخاص بعداد مشاهدة الصفحة checkViews();
6-عندما تجده سنضع الكود الآتي أسفله أو قبله لايهم (تنبيه..ستجده الكود السابق مكرر..قم أنت كذلك بتكرار العملية)
$('.download-img a').downloadimg();
قم بحفظ القالب وبالتوفيق
ملاحظة / حاول أن تجعل الصور بقياس صغير في المعرض أما في الرابط أتركه كما هو
إبحث عن s1800-c وإستبدله s640-c هذا سيجعل الصور تعرض للمستخدم بسرعةأما عند التحميل سيحصل على قياس كبير
أخي عبد القادر لا اعرف كيف أشكرك أخذت من وقتك الكثير فشكراً لك من القلب لقد ساعدتني بهذا الطلب بالتعليقات https://www.bloggcode.com/2018/07/xhtml.html وأيضاً بهذا الأخر وكنت واثق وأنا أكتب التعليقين بأني سأجد الحل عندك وليس عند غيرك حقيقه وليس إطراء أنت أفضل مدون وما تقدمه يفيدنا قبل أن يفيدك فجزاك الله عنا كل خير مُحبك في الله وصديقك خالد ...(:
حذفأحبك الله الذي أحببتنا فيه
حذفلايوجد أي إزعاج أخي الحبيب فنحن في الخدمة متى إحتجتنا.
السلام عليكم اخي اضافة رائعه جدا وشكرا لك ...
ردحذفكنت عاوز منك مساعدة.
عايز اضيف رابط تحميل ومعلومات عن الملف تظهر مع المشاركة في الصفحة الرئيسية
تتعمل ازاي ؟
وعليكم السلام ورحمة اللهآسف أخي الميزة التي تطلبها تحتاج إلى تعديل جذري في قالب مدونتك
حذفالسلام عليكم ورحمة الله وبركاتة
ردحذفاخى التحميل غير متاح ,, عملت كل الخطوات وتم تركيب العربة لكن عند التحميل الاداة ما بيتم
لقد تم تصحيح الرابط يمكنك التحميل الآن
حذفاخرى اسف لازعاجك
ردحذفبخصوص عربة التسوق عايز اثبتها بصفحة المتجر فقط كبف هذا ...
معلش اخى اريد عمل دليل اطباء والبحث عن طبيب او اضافة طبيب وصفحة طبية لكل طبيب
سلام الله عليك
حذفشكر وتقدير لسرعة الاستجابة
اتمنى من الله عز وجل لك الازدهار اخى
ممكن تحديث رابط تحميل السكربت
ردحذفتم تحديث الرابط...شكرا على التبليغ
حذف