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

در این قسمت می توانید نکات، ترفندها، آموزش و نمونه کد های خود را که توسط برنامه WYSIWYG Web Builder ساخته اید در این قسمت برای کاربران ارائه دهید.
قوانين انجمن
لطفا در این بخش هیچ گونه سوال یا مشکل ارسال ننمایید.

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

پستتوسط priyanka » چهارشنبه 1 مرداد 1393, 9:40 pm

قبل از هر چیز افزونه NopCart را نصب کنید.
بعد از اینکه افزونه را روی صفحه قرار دادید روی آن دابل کلیک کنید تا پنجره خصوصیات آن باز شود.
در تب products نام محصولات ، توضیحات هر محصول و ID محصول را وارد کنید. برای محصولات حتما باید تصویر تعیین کنیم وگرنه در مرورگر firefox و netscape با مشکل مواجه می شویم. اگر نمی خواهیم تصویر مربوط به کالا دیده شود باید سایز آن را 0*0 تعیین کنیم ولی حتما باید تصویر را معرفی کنیم.
در تب style و از مجموعه buttons در فیلدهای ‘Add to cart’ text و ‘View cart’ text به ترتیب عبارات افزودن به سبد خرید و مشاهده سبد خرید را وارد کنید.
وارد تب style شوید و در گروه link،ترازبندی را روی left قرار دهید.
حال وارد تب options شوید.تیک سه گزینه Display shipping column ، Display shipping row و Display tax row را بردارید.گزینه Display notice when product added to the cart را تیک بزنید.
تیک گزینه Tax by region را بردارید.
در فیلد Monetary Symbol وارد کنید ریال
در قسمت Payment Processor از لیست گزینه Use built-in script را انتخاب کنید.
اگر خواستیم لینک توضیحات بیشتر برای محصولات قرار دهیم، آن را قبل از لینک های افزودن به سبد خرید و مشاهده سبد خرید هر محصول می نویسیم و در آخر که میخواهیم فارسی سازی را انجام دهیم با دستکاری در فایل html صفحه هر لینک را به مکان خودش می کشیم.

حال پروژه را منتشر کرده و کارهای زیر را انجام دهید.

در فایل منتشر شده language-en.js نوع encoding فایل را به utf-8 تغییر دهید و در خط های 12 تا 27 مقدار متغیرها را فارسی میکنیم.
در فایل منتشر شده nopcart.js نوع encoding فایل را به utf-8 تغییر دهید و در خط 88 مقدار متغیر MonetarySymbol را به ‘ریال’ تغییر دهید.همچنین در خط 276 این فایل ماکزیمم اقلامی که کاربر میتواند در یک خرید انجام دهد را تعیین میکنیم.مقدار 8 را به جای 12 مینویسیم و در خط های 571 و 717 به جای Your cart is empty معادل فارسی آن را قرار میدهیم(سبد خرید شما خالی است)

میتوانید این دو فایل را با فایل های همنامی که پیوست شده اند جایگزین کنید.

در فایل منتشر شده nop_viewcart.html داخل تگ <HTML> مینویسیم "dir="rtl
در خط 7، charset را به utf-8 تغییر میدهیم . در خط 141 نوشته روی دکمه submit را تغییر میدهیم.value را برابر “ثبت سفارش” قرار میدهیم.

میتوانید این فایل را با فایل همنام آن که پیوست شده است جایگزین نمایید.

محتویات فایل nop_checkout.php را با فایل همنامی که پیوست شده است، جایگزین کنید و در خط سوم این فایل ایمیل مدیر را تصحیح کنید.همچنین در خط 95 ام عدد دوم در حلقه را طوری انتخاب میکنیم که مساوی ماکزیمم اقلام قابل خرید باشد. ما این مقدار را قبلا در خط 276 ام فایل nopcart.js، تعیین کرده بودیم 8.بنابراین اینجا هم برای عدد دوم حلقه مینویسیم 8.

در صفحاتی که افزونه NopCart را در آن قرار داده ایم،تغییرات لازم برای راست چین شدن صفحه را در فایل HTML صفحه انجام میدهیم.این تغییرات به شرح زیر است:
برای عنصر div#container خاصیت text-align را برابر right قرار میدهیم.
برای عنصر wb_Extension1.product# خاصیت float را برابر right قرار میدهیم.
برای عنصر wb_Extension1.image# خاصیت float را برابر right قرار میدهیم.
Extension1 هم id پیشفرض افزونه NopCart است که در صفحه قرار داده ایم.
برای دریافت نمونه فروشگاه طراحی شده همراه با سورس کد به مبحث زیر مراجعه نمایید.
viewtopic.php?f=19&t=1576
پيوست ها
files.rar
فایل های جایگزین
(10.85 KiB) دانلود 192 بار
priyanka
 
پست ها : 38
تاريخ عضويت: دوشنبه 21 بهمن 1392, 9:17 pm

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

پستتوسط sinaziaei » جمعه 11 مهر 1393, 10:43 am

با سلام.

می‌خواستم بدونم چطور میشه صفحه تصفیه حساب را ویرایش کرد و آنرا با قالبی به شکل بقیه‌ی سایت قرار داد؟

آیا باید کدهای از مَسترپِیج را به گونه ای در آن کپی کرد یا چگونه؟

با تشکر.
sinaziaei
 
پست ها : 2
تاريخ عضويت: دوشنبه 27 مرداد 1393, 1:15 pm

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

پستتوسط priyanka » شنبه 12 مهر 1393, 8:17 pm

این کار از حوصله من خارجه.
priyanka
 
پست ها : 38
تاريخ عضويت: دوشنبه 21 بهمن 1392, 9:17 pm


بازگشت به نکات، ترفندها، آموزش و نمونه کد

چه کسي حاضر است ؟

کاربران حاضر در اين انجمن: بدون كاربران آنلاين و 1 مهمان