طراحی سایت با اسنیپت های جدید گوگل - دارکوب در بلاگ اسکای

تلفن تهران: 22083926 - 22085386 - 22082258 | آدرس: تهران، سعادت آباد، سرو غربی، کوچه آریا، پلاک 4، واحد 7

طراحی سایت با اسنیپت های جدید گوگل - دارکوب در بلاگ اسکای

تلفن تهران: 22083926 - 22085386 - 22082258 | آدرس: تهران، سعادت آباد، سرو غربی، کوچه آریا، پلاک 4، واحد 7

طراحی سایت فروشگاهی با امکانات سایت دیجی کالا

طراحی سایت فروشگاهی با امکانات سایت دیجی کالا

طراحی سایت فروشگاهی با امکانات سایت دیجی کالا

سایت دیجی کالا قویترین وب سایت فروشگاهی در ایران می باشد که دارای امکانات فراوانی می باشد و می تواند الگوی بسیار مناسبی برای طراحی سایت انواع مختلف فروشگاه های آنلاین باشد. این وب سایت تقریبا کلیه امکانات اصلی و جانبی فروشگاه های اینترنتی را در خود دارد و در این مقاله سعی داریم امکانات این وب سایت را برای شما شرح دهیم تا درک بهتری از امکانات وب سایت فروشگاهی داشته باشید.

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

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

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

این امکانات در سایت های معمولی فروشگاهی موجود نمی باشند و البته ممکن است در فروشگاه مورد نظر شما، احتیاجی به امکان مورد نظر نباشد و بهتر است در طراحی سایت فروشگاهی حتما با متخصص راه اندازی سایت های اینترنتی مشورت نمایید. در بخش زیر امکانات را برای شما به صورت بخش به بخش معرفی می نمایم:

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

سیستم جستجوی پیشرفته بر اساس دسته بندی وب سایت دیجی کالا بسیار قدرتمند می باشد و به شما این امکان را می دهد که در هر دسته بندی از وب سایت که قرار دارید بتوانید فیلدهای مختص آن دسته بندی را جستجو نمایید. به عنوان مثال در صورتی که در دسته بندی موبایل قرار دارید می توانید تعداد سیم کارت و سایر فیلدهای مربوط به موبایل مورد نظر خود را در بین موبایل های موجود جستجو نمایید و در صورتی که در بخش لپ تاپ هستید می توانید پردازنده و سایر فیلدهای اختصاصی مربوط به این دسته بندی را جستجو نمایید. این قابلیت وب سایت بسیار پیچیده می باشد و کنترل پانل کاملی می بایست برای آن در بخش مدیریت تعبیه گردد.

سیستم مقایسه محصولات

این قابلیت به کاربر این امکان را می دهد که در هر دسته بندی از وب سایت بین دو یا تعداد بیشتر از محصولات مقایسه نماید تا کاربر بتواند با دید بهتری محصول مورد نظر خود را انتخاب نماید. همچنین این سیستم فیلدهای مختلف چند محصول را در مقابل هم قرار می دهد تا احتیاجی نباشد کاربر برای مقایسه بین دو محصول چند صفحه مختلف را مشاهده نماید.

سیستم پیگیری محصول

این قابلیت به کاربر این امکان را می دهد تا در صورتی که قصد داشت از روند تغییرات قیمت و به روز رسانی محصول خاصی آگاه باشد در خبرنامه مربوط به محصول عضو گردد تا با تغییرات جدید در قیمت و سایر مشخصات محصول ایمیلی به کاربر ارسال گردد.

اضافه به علاقه مندی ها

این قابلیت به کاربر این امکان را می دهد تا بتواند محصولات مورد نظر خود را به علاقه مندی های خود اضافه نماید تا در صورتی که نیاز بود بتواند سریعا به آنها دسترسی یابد. همچنین در صورتی که کاربر وارد وب سایت شده باشد علاقه مندی های کاربر در ورودهای بعدی او نیز ذخیره می گردد و به این صورت می توانید به محصولات مورد نظر خود سریعتر دسترسی پیدا نماید.

سیستم رای دهی و نظرات پیشرفته دیجی کالا

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

نمودار قیمت

نمودار قیمت افزایش و کاهش قیمت محصول را به صورت یک نمودار در صفحه محصول نمایش می دهد تا کاربر بتواند اطلاعات بیشتری از محصول داشته باشد.

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

نسخه موبایلی وب سایت و طراحی سایت به صورت ریسپانسیو موردی است که امروزه از اهمیت بسیار بالایی برخوردار می باشد و دلیل اصلی آن این می باشد که حدود 50 درصد از کاربران امروزه از موبایل برای مورد وب سایت استفاده می نمایند و همچنین گوگل و سایر موتورهای جستجو وجود نسخه موبایلی وب سایت را به عنوان یکی از المان های رنک دهی وب سایت ها قرار می دهند و در صورتی که وب سایت نسخه موبایلی داشته باشد رنک بهتری در موتور جستجو خواهد گرفت.

برای در نظر گرفتن امکانات وب سایت فروشگاهی خود حتما با متخصص طراحی وب مشورت نمایید. دارکوب از سال 81 تا کنون در زمینه طراحی سایت های اینترنتی فعالیت دارد و در این سال ها در حدود 2500 وب سایت طراحی نموده است که در حدود 500 وب سایت طراحی شده این شرکت فروشگاهی می باشند و تجربه فراوانی در امر طراحی سایت فروشگاهی دارد و می توانید به صورت رایگان جهت راه اندازی سایت فروشگاهی خود مشورت نمایید.

سورس:

طراحی سایت فروشگاهی

طراحی سایت فروشگاهی با استفاده از مجنتو Magento به صورت رایگان

طراحی سایت فروشگاهی با استفاده از مجنتو Magento

طراحی سایت فروشگاهی با استفاده از مجنتو Magento

مجنتو Magento یکی از قویترین سیستم های مدیریت محتوا نوشته شده به زبان برنامه نویسی PHP برای طراحی سایت فروشگاهی می باشد که با استفاده از این فروشگاه ساز می توانید هر نوع وب سایت فروشگاهی را طراحی نمایید. این سیستم مدیریت محتوای فروشگاهی دارای امکانات پیش فرض رایگان بسیاری می باشد که در قالب Magento Community Edition ارائه می گردد و می توانید آخرین نسخه از این سیستم فروشگاهی را از بخش دانلود مجنتو دریافت نمایید و همیشه سعی نمایید آخرین نسخه از این نرم افزار را دانلود نمایید که در زمان نوشتن این مقاله آخرین نسخه 1.9.1.1 می باشد. برای دانلود این فروشگاه ساز می بایست در وب سایت عضو شده و پس از عضویت قادر خواهید بود فایل را از وب سایت دانلود نمایید.

پس از دانلود فایل لازم است تا آن را در سرور خود بارگذاری نموده و نصب نمایید که برای نصب کافی است آدرس نصب را توسط مرورگر خود باز نموده تا سیستم نصب مجنتو فعال گردد. نصب مجنتو نیاز به سروری با پشتیبانی از PHP و MYSQL دارد بنابراین قبل از خرید هاست با سرور خود از بابت امکانات درخواستی خود مشورت نمایید. لازم به ذکر است قبل از انجام مراحل نصب بهتر است دیتابیس MYSQL را به جهت ساختن جداول بر روی سرور ایجاد نمایید در غیر این صورت عملیات نصب تکمیل نمی گردد.

بهتر است در زمان نصب به جهت بالا بردن امنیت وب سایت آدرس کنترل پانل را به چیزی غیر از admin تغییر دهید و در صورتی که مجنتو را در کامپیوتر شخصی خود نصب نموده اید و پس از نصب نمی توانید وارد کنترل پانل Magento شوید کافی است کد زیر را در فایل app/code/core/Mage/Core/Model/Session/Abstract/Varien.php:

 $cookieParams = array(
'lifetime' => $cookie->getLifetime(),
'path' => $cookie->getPath()
'domain' => $cookie->getConfigDomain(),
'secure' => $cookie->isSecure(),
'httponly' => $cookie->getHttponly()
);

به کد زیر تغییر دهید:

 $cookieParams = array(
'lifetime' => $cookie->getLifetime(),
'path' => $cookie->getPath()
// 'domain' => $cookie->getConfigDomain(),
// 'secure' => $cookie->isSecure(),
// 'httponly' => $cookie->getHttponly()
);

که البته پس از بارگذاری بر روی سرور اصلی این فایل را با حالت قبل بازگردانید.

پس از ورود به کنترل پانل می بایست موارد اولیه زیر را در تنظیمات وب سایت خود انجام دهید:

انجام تنظیمات اولیه فروشگاه

برای انجام تنظیمات اولیه فروشگاه در کنترل پانل وب سایت به منوی System >> configuration وارد شوید و تنظیمات تب General منوی general از منوهای سمت چپ مدیریت را انجام دهید.

مشخص نمودن واحد پول وب سایت

هر فروشگاه یک واحد پولی پیش فرض لازم دارد که قیمت ها توسط آن مشخص گردند. برای فروشگاه های ایرانی واحد پول می بایست ریال باشد و برای تغییر واحد پولی به ریال می بایست وارد منوی System >> configuration شوید و سپس از منوهای سمت چپ منوی 
Currency Setup انتخاب نموده و تنظیمات واحدهای پولی را انجام دهید.

نصب و تغییر قالب مجنتو

قالب های مجنتوی فارسی و راست به چپ بسیاری وجود دارند که به صورت رایگان برای دانلود قرار داده شده اند و حتی می توانید قالب چپ به راست مورد نظر خود را دانلود نموده و با چند خط CSS آن را به قالب راست به چپ تبدیل نمایید. برای نصب قالب مجنتو می توانید قالب مورد نظر خود را در اینترنت بیابید و سپس برای نصب می بایست بر روی کلید Get Extension Key کلید نموده تا آدرس نصب آن برای شما ایجاد گردد و آن را کپی نمایید. سپس برای نصب قالب بر روی سیستم مجنتو می بایست وارد بخش System -> Magento Connect -> Magento Connect Manager شوید و آدرس کپی شده از مرحله قبل را در فیلد Paste extension key to install وارد نموده و بر روی کلید Install کلیک نمایید.

نحوه تغییر قالب در Magento به این صورت می باشد که در کنترل پانل وارد بخش System > Design شده و بر روی کلید Add Design Change کلیک نموده و قالب مورد نظر خود را از بین قالب های موجود انتخاب نمایید.

ویرایش قالب مجنتو

برای ویرایش متون اولیه موجود در قالب می توانید از بخش System > Configuration از منوهای سمت چپ گزینه Design را انتخاب نموده و تب های مختلف آن را تکمیل نمایید.

فایل های قالب مجنتو در آدرس app/design/frontend و سپس نام قالب مورد نظر شما قرار دارند. نام قالب پیش فرض وردپرس rwd می باشد

تغییر زبان وب سایت

فایل زبان فارسی مجنتو در فایل ضمیمه موجود می باشد که فایل را می بایست در فلدر app\locale سیستم مجنتوی خود کپی نمایید. برای تغییر زبان پیش فرض کنترل پانل وب سایت کافی است در فوتر و در بخش Interface Locale زبان مورد نظر خود را انتخاب نمایید. برای تغییر زبان در بخش کاربری وب سایت کافی است به بخش System > Configuration > General مراجعه نموده و گزینه Locale را بر روی Persian انتخاب نمایید.

توجه: در صورت بروز خطای Service Temporarily Unavailable در مجنتو فایل maintenance.flag را از فلدر اصلی وب سایت خود حذف نمایید.

برخی از نکات پیکربندی مجنتو

نمایش درصد تخفیف در لیست محصولات وب سایت

برای نمایش درصد تخفیف محصولات در لیست محصول می بایست کد زیر را در فایل app/design/frontend/yourpackage/yourtheme/template/catalog/product/price.phtml اضافه نمایید:

 <?php if($_finalPrice < $_price): ?>
<?php $_savePercent = 100 - round(($_finalPrice / $_price)*100); ?>
<p class="special-price yousave">
<span class="label"><?php echo $this->__('You Save:') ?></span>
<span class="price">
<?php echo $_savePercent; ?>%
</span>
</p>
<?php endif; ?>

نمایش درصد تخفیف در صفحه جزئیات محصول

برای نمایش درصد تخفیف محصول در صفحه جزئیات محصول می بایست کد بالا را در فایل app\design\frontend\YOUR_PACKAGE\YOUR_THEME\default\template\catalog\product\view\media.phtml
اضافه نمایید.

حذف اعشار از قیمت های مجنتو

راه های مختلفی برای حذف اعشار در مجنتو وجود دارد که معمولا نیاز به هم نمودن هسته مجنتو دارد. برای حذف اعشار از قیمت های مجنتو بدون نیاز به ویرایش سورس مجنتو می توانید ماژول ET Currency Manager نصب نموده و تنظیمات مربوط به آن را انجام دهید. همچنین این ماژول قابلیت نمایش واحد پول در سمت راست و چپ قیمت را نیز دارا می باشد.

دلایل عدم نمایش محصول در مجنتو

  • عدم انتخاب دسته بندی در تب Catengories محصول
  • عدم پر نمودن کلیه فیلدهای ستاره دار محصول
  • قرار دادن میزان موجودی محصول Qty بر روی 0 در تب inventory
  • ست نمودن موجودی محصولی به صورت ناموجود Out of Stock در تب inventory فیلد Stock Availability
  • بارگذاری مجنتو بر روی سرور

    • فایل های وب سایت مجنتو خود را بر روی سرور بارگذاری نمایید
    • دیتابیس را بر روی سرور ایجاد نموده و فایل پشتیبان را بر روی سرور بارگذاری نمایید
    • اطلاعات دیتابیس را در فایل app/etc/local.xml تنظیم نمایید
    • اطلاعات مربوط به جدول core_config_data مطابق با سرور تغییر دهید
    • محتوای موجود در فایل var را پاک نمایید
    • بهتر است محتوای app/etc/use_cache.ser را نیز پاک نمایید

    مدیریت فیلدهای محصول

    برای مدیریت فیلدهای مربوط به محصول و عناوین آن می بایست در کنترل پانل مجنتو به منوی Catalog زیر منوی Attributes زیر منوی Manage Attributes مراجعه نموده و در این بخش اقدام به ایجاد و مدیریت فیلدها نمایید. برای فارسی سازی عناوین فیلدها نیز می توانید بر روی عنوان فیلد مورد نظر کلیک نموده و در تب Manage Label عنوان مورد نظر خود را در فیلد Default Store View وارد نمایید.

    تغییر رمز مدیر وب سایت

    برای تعویض رمز مدیر وب سایت در بخش کنترل پانل وب سایت به بخش Setting زیر منوی My Account مراجعه نمایید.

    تغییر عنوان صفحات وب سایت

    برای تغییر عنوان صفحات وب سایت می بایست به منوی System زیر منوی Configuration مراجعه نموده و سپس بر روی تب Design کلیک نمایید تا فیلد Default Title را رویت نمایید. برای اضافه نمودن نام وب سایت در عنوان صفحات نیز می توانید از فیلدهای Title Prefix و Title Suffix استفاده نمایید. ممکن است قالب شما عنوان صفحه اصلی را از محتوای ثابت بخواند که در این صورت می بایست به منوی CMS زیر منوی Pages مراجعه نموده و بر روی صفحه اصلی کلیک نمایید و عنوان آن را تغییر دهید.

    تغییر آیکون مرورگر

    برای آنکه آیکون مرورگر را در Magento عوض نمایید و آیکون خود را جایگزین نمایید کافی است به بخش System زیر منوی Configuration مراجعه نمایید و در بخش Favicon Icon آیکون مورد نظر خود را بارگذاری نمایید.

    روش های پرداخت در Magento

    برای مدیریت روش های پرداخت در Magento می بایست به منوی System زیر منوی Configuration مراجعه نموده و در بخش Sales گزینه payments Method را انتخاب نمایید. با ورود به این بخش کلیه روش های پرداخت برای شما نمایش داده می شود که می توانید انواع روش های پرداخت را انتخاب نمایید و آن را پیکربندی نمایید.

    نحوه ساخت کوپن در magento

    برای ساخت کوپن در magento کافی است به کنترل پانل مدیریت مراجعه نموده و وارد بخش Promotions زیر منوی Shopping Cart Price Rules شوید. پس از ورود به این بخش کافی است بر روی کلید Add New Rule کلید نموده تا کوپن جدید را ایجاد نمایید. برای ساخت کوپن کافی است Coupon را بروی Specific Coupon تنظیم نمایید که سپس دو گزینه جدید برای شما باز می شود که در قسمت Coupon Code می توانید در صورت تمایل کد مربوط به کوپن را درج نمایید و همچنین می توانید تیک مربوط به Use Auto Generation را بزنید تا در مرحله بعدی کدهای کوپن برای شما ایجاد گردد. گزینه Uses per Coupon نیز قابلیت استفاده از هر کوپن می باشد و Uses per Customer قابلیت استفاده از هر کوپن برای هر کاربر می باشد.

    تغییر تعداد ستون های نمایش محصول

    برای تعیین تعداد ستون های نمایش محصول در دسته بندی کافی است فایل app/design/frontend/Your_Package/Your_Theme/layout/catalog.xml را بیابید و کد زیر را در آن بیابید:

    <action method="setColumnCount"><count>4</count></action>
    و مقدار موجود در کد count را به تعداد ستون های محصول تغییر دهید.

    تغییر سایر تصاویر کوچک محصولات در لیست

    برای تغییر سایر تصاویر کوچک محصولات در لیست محصول کافی است به فلدر app\design\frontend\default\your_theme_number\template\catalog\product مراجعه نموده و فایل list.phtml باز نمایید و در آن کد مربوط به resize(x) را به کد مورد نظر خود تغییر دهید.

    مدیریت لینک های فوتر در magento

    در فوتر دو نوع لینک وجود دارند که نوع اول لینک های مربوط به دریاره ما می باشد که برای مدیریت این لینک ها می بایست به منوی CMS زیر منوی Static Blocks مراجعه نموده تا و بر روی گزینه Footer Links یا Footer Links Company کلیک نمایید تا بتوانید منوها را مدیریت نمایید. برای مدیریت دسته دوم از لینک های فوتر صفحه می بایست از طریق مدیریت فایل های xml عمل نمایید که برای مدیریت منوی های فوتر مربوط به جستجو می بایست به فلدر app\design\frontend\rwd\default\layout مراجعه نموده و فایل catalogsearch.xml را باز نمایید و کدهای مربوط به بخش <reference name="footer_links"> را مدیریت نمایید.

    جدول اطلاعات مدیران مجنتو

    اطلاعات مدیران مجنتو در جدول admin_user ذخیره می گردند و برای مدیریت مدیران می بایست از این جدول استفاده نمایید.

    تغییر فلدر مدیریت مجنتو

    برای امنیت بالاتر مجنتو بهتر است فلدر مدیریت را تغییر دهید که این کار را می توانید از تغییر ویرایش فایل local.xml در دایرکتوری app/etc/ انجام دهید که برای تغییر فلدر مدیریت کافی است در بخش زیر:

    بخش admin را به فلدر مورد نظر خود تغییر دهید

    ساخت مدیر جدید در مجنتو

    برای ساخت مدیر جدید می بایست از منوی System > Permissions > Users روی دکمه Add New User کلیک نمایید.

    حذف index.php از آدرس صفحات مجنتو

    برای حذف index.php از آدرس صفحات مجنتو سرور شما می بایست از Mod_Rewrite پشتیبانی نمایید و برای فعال سازی این قابلیت می بایست به منوی System >> Configuration مراجعه نموده و بر روی منوی Web از تب General کلیک نمایید. سپس در بخش Search Engines Optimization گرینه Use Web Server Rewrites را بر روی Yes قرار دهید.

    نمایش تعداد خریداری شده از هر محصول

    برای نمایش تعداد خریداری شده از هر محصول در لیست محصولات می بایست از کد زیر برای گرفتن تعداد محصول خریداری شده استفاده نمایید:

    $id = $_product->getId();
    $product = Mage::getResourceModel('reports/product_collection')
    ->addOrderedQty()
    ->addAttributeToFilter('entity_id', array('eq' => $id))
    ->setOrder('ordered_qty', 'desc')
    ->getFirstItem();
    $numberofbuy = "خریداری شده: ".(int)$product->ordered_qty." بار";

    بهینه سازی مجنتو

    بهینه سازی مجنتو تاثیر بسیاری بر افزایش سرعت وب سایت و همچنین صرفه جویی مصرف منابع وب سایت مجنتوی شما خواهد داشت. برای بهینه سازی مجنتو می بایست موارد زیر را در سایت انجام دهید:

    اضافه نمودن کد زیر در فایل htaccess:

      SetOutputFilter DEFLATE
    AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript 
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
    SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary 
    Header append Vary User-Agent env=!dont-vary

    ExpiresActive On
    ExpiresDefault "access plus 1 year"
    FileETag none

    بهینه سازی فایل های js و css مجنتو

    مجنتو تنظیماتی به جهت بهینه سازی فایل های js و css دارد که می توانید این تنظیمات را از طریق کنترل پانل و ورود به بخش System > Configuration > Developer گزینه Javascript Settings و CSS Settings انجام دهید و فیلدهای Merge Javascript Files و Merge CSS Files را بر روی YES تنظیم نمایید.

    فعال سازی کش مجنتو

    برای فعال سازی کش مجنتو در بخش کنترل پانل به گزینه System > Cache Management مراجعه نموده و در بخش سمت راست بالای صفحه Actions را بر روی Enable قرار داده و تیک کلیه گزینه های Cache Type را بزنید و سپس بر روی کلید Submit کلیک نمایید.

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

    در صورتی که پس از فعال سازی کامپایلر مجنتو کش وب سایت شما بالا نیامد می توانید در فایل includes/config.php بخش مربوط به کد زیر را کامنت نمایید تا اجرا نشود:

     define('COMPILER_INCLUDE_PATH', dirname(__FILE__).DIRECTORY_SEPARATOR.'src');

    نمایش سبد خرید خالی

    یکی از مشکلاتی که معمولا برای مجنتو پیش می آید آن است که پس از کلیک بر روی اضافه به سبد خرید هر محصول کاربر به صفحه ای هدایت می گردد که یک سبد خرید خالی را نمایش می دهد که این مشکل معمولا به دلیل عدم ست نمودن Cookie Domain در تب Session Cookie Management بخش web در صفحه configuration در منوی اصلی System می باشد. در این فیلد می بایست نام دامنه اصلی وب سایت را ذکر نمود.

    سورس:

    طراحی سایت فروشگاهی با استفاده از مجنتو Magento