قالب Catalogspot وانشاء متجر الكتروني على بلوجر

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

معاينة تحميل

القالب به الكثير من المميزات لكن سأترك لك معاينتها لإستغلال المجال في شرح الإعدادت

أولا الإعدادت الأساسية

ابحث في القالب عن كلمة القسم واستبدلها بإسم القسم الذي تريد لتفعيل السلايدر

ابحث أيضاً عن هذا السطر yourpaymail@yours.com واستبدله بحسابك على الباي بال

قم بإنشاء صفحة ثابتة ثم حول صندوق الكتابة من وضع التأليف الى وضح HTML واحذف أى شئ تجده بها ثم أضف بها الكود التالي

<div class="simpleCart_items"></div>

ثم انسخ رابط الصفحة وابحث عن هذه الكلمة carturlpage في القالب واستبدلها برابط الصفحة

هذه الصفحة ستكون الخاصة بمعاينة المنتجات التي تمت اضافاتها لعربة الشراء عندما يضغط المشتري على ايقونة العربة باعلى المتجر يفضل ان تجعل عنوان الصفحة معبر مثلا محتويات العربة وايضاً اغلق التعليقات في هذه الصفحة

ثانيا طريقة كتابة المواضيع

كتابة المواضيع في هذا القالب ستكون دائما بتحويل صندوق الكتابة من وضع تأليف الى وضع HTML ونحذف اى شئ يكون موجود بصندوق الكتابة ثم نضيف به الكود التالي

<div class="item_image">
<img border="0" class="item_thumb" src="#" />
<span class="item_price">$0.00</span>
</div>
<div class="item_Description">
هنا يكتب وصف المنتج أو الخدمة
</div>

استبدل رمز # برابط الصورة يفضل ان تكون الصورة بعرض من 600 الى 800 بيكسل والإرتفاع 400

أما 0 إستبدله بالسعر

واستبدل الجملة المعلمة بالأخضر بوصف مناسب للخدمة او السلعة ولا يهم حجم الوصف طويل أو قصير 

كلما أردت كتابة موضوع تكرر نفس الامر مع تغير البيانات والصورة في كل مرة

ثالثا تعديل القوائم والأكواد

في بداية القالب ستجد أكواد الميتا تاج قم بتعديلها

أما القائمة العلوية ستجد أكوادها في القالب بهذا الشكل

<li><a href='#'>أساسي</a></li>
<li class='current'>
<a href='#'>قائمة منسدلة</a>
<ul class='sub-menu'>
<li><a href='#'>تعديل</a></li>
<li class='current'>
<a href='#'>قائمة فرعية</a>
<ul>
<li class='current'><a href='#'>تعديل</a></li>
<li><a href='#'>فرعي</a></li>
<li><a href='#'>فرعي</a></li>
<li><a href='#'>فرعي</a></li>
<li><a href='#'>فرعي</a></li>
</ul>
</li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
<li><a href='#'>أساسي</a></li>
<li><a href='#'>أساسي</a></li>
</ul>

كرر الرابط الأحمر للحصول على رابط جديد

كرر الكود الكود الازرق من اول سطر الى آخر سطر بكل ما بداخله للحصول على قائمة منسدلة

الكود الأحمر داخل الكود الازرق يعطيك رابط جديد داخل القائمة المنسدلة

أما الكود الأخضر هو كود قائمة فرعية تكراره داخل القائمة المنسدلة يعطيك قائمة فرعية جديدة والكود الاسود بداخله يعطيك رابط داخل القائمة الفرعية
ويمكنك تعديل الكلمات العربية بما تريد وبجانب كل كلمة هناك رمز # استبدله بالرابط الذي تريد التوجه له عند الضغط على الكلمة

نرجو عدم حذف الحقوق وعدم مخالفة شروط الإستخدام وبالتوفيق

تحديث بتاريخ 10/10/2014

لمن طلبوا ازالة زر أضف الى العربة
هذا أبسط الحلول المتاحة أضف الكود التالي قبل الوسم </head>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style>
a.item_add {display: none;}
.post .item-bottom { padding: 20px 10px 25px;}
.post a.post-judul {margin-top: -159px !important;}
.post .item_price { margin-left: 60px; margin-top: 13px;}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.item-bottom { display: none;}
.cnmu-pager { margin: 1px 0 -20px;}
</style>
</b:if>