راهنمای افزودن اسکریپت به فروشگاه شارژ
راهنمای افزودن اسکریپت به فروشگاه شارژ:
اضافه کردن هر امکان یا محتوای جدیدی به سایت فروشگاه شارژ از طریق افزودن اسکریپت مربوطه به قسمت "Scriptهای سفارشی" در پنل مدیریت انجام می شود که برای این کار می توانید از کدهای html, JavaScript و... استفاده کنید.
در این راهنما کدهای نمونه (این کدها تنها مثال هایی ساده جهت آشنایی اولیه هستند) با استفاده از دستورات html نوشته شده اند. چنانچه تمایل دارید می توانید جهت آشنایی بیشتر با این کدها، کتاب های زیر را مطالعه نمایید.
آموزش html
آموزش JavaScript
اضافه کردن فوتر:
متن ساده:
با استفاده از تگ <p> می توانیم یک متن ساده را به فوتر فروشگاه خود اضافه کنیم، به عنوان نمونه کد زیر، متن "فروشگاه شارژ نمونه" را به فوتر شما اضافه می کند:
چنانچه این کد را در پنل مدیریت فروشگاه شارژ خود در بخش تنظیمات فروشگاه، بخش اسکریپت های سفارشی وارد نمایید و گزینه ی ثبت تنظیمات را کلیک نمایید، عبارت " فروشگاه شارژ نمونه" در پایین صفحه ی فروشگاه شارژ شما قرار خواهد گرفت.
و برای تغییر فونت ، رنگ و... متن نیز می توانیم از Attributes ویژگی style استفاده کنیم.
درصورت تمایل می توانیم متن را در سمت چپ یا راست فوتر نمایش دهیم، به این ترتیب که کد خود را در تگ <div> قرار می دهیم و با دادن style مناسب، متن خود را در سمت چپ یا راست صفحه قرار دهیم.
نمایش متن در سمت راست فوتر:
نمایش متن در سمت چپ فوتر:
لینک متنی:
با استفاده از تگ <a> یک لینک متنی به فروشگاه خود اضافه می کنیم، در تگ<a> آدرس سایت یا صفحه ای را که می خواهیم کاربر بعد از کلیک به آنجا برود را وارد می کنیم. به عنوان نمونه:
با وارد کردن این کد عبارت "فروشگاه شارژ" در پایین صفحه مشاهده خواهد شد که کاربر با کلیک روی آن به آدرس بالا هدایت می شود.
اضافه کردن حاشیه(sidebar) چپ و راست:
1. قرار دادن حاشیه (sidebar):
در تعیین عرض sidebar یا محتوای درون آن، به این نکته دقت داشته باشید که اندازه انتخابی آنقدر بزرگ نباشد که ابعاد صفحه سایت شما از استاندارد خود خارج شود، چون دراینصورت کاربر محتوای sidebar شما را ناقص می بیند و یا اصلا" نمی بیند.
2. تعیین موقعیت حاشیه(sidebar ):
موقعیت متن یا تصویر قرار داده شده در sidebar یا ثابت است و با بالا- پایین رفتن صفحه درجای خود ثابت می ماند و یا متحرک است که با بالا-پایین شدن صفحه محتوای sidebar هم حرکت می کند و بالا-پایین می شود.
· حاشیه ثابت در صفحه فروشگاه :
برای اینکه متن یا بنری که در sidebar قرار می دهید در جای خود ثابت بماند باید position تگ <div> را fixed کنیم. در <head> و با استفاده از تگ <style> کلاس testclass1 را تعریف می کنیم. که درآن موقعیت <div> که شامل متن یا بنر است مشخص می شود.
· حاشیه متحرک در صفحه:
برای اینکه متن یا بنری که در sidebar قرار می دهیم، با حرکت scroll، حرکت کند و بالا-پایین شود باید position را در کلاس testclass1، relative کنیم.
3. محتوای حاشیه(sidebar):
متن ساده:
برای قرار دادن یک متن ساده در sidebar چپ یا راست می توانیم بعد از وارد کردن یک متن ساده به سایت، با استفاده از تگ <div> تعیین کنیم که در sidebar چپ قرار بگیرد یا راست؟ باید در تگ <div> ، style اضافه کنیم. سپس متن مورد نظر را در تگ <div> قرار می دهیم.
به عنوان مثال با قرار دادن کد زیر در بخش اسکریپت پنل مدیریت خود، عبارت " فروشگاه شارژ نمونه" را در سمت راست فروشگاه شارژ خود مشاهده خواهید کرد:
لینک متنی:
برای قرار دادن لینک متنی در sidebar چپ یا راست می توانیم تگ<a> را درون تگ <div> قرار دهیم و با دادن style مناسب به تگ <div> تعیین کنیم که لینک ما در sidebar چپ قرار بگیرد یا راست؟
بنر:
ابتدا فایل بنر را از طریق سایت هایی که به همین منظور طراحی شده اند آپلود می کنیم، برای نمونه سایت http://up.behtarin.com می تواند به ما در آپلود فایل بنر کمک کند. بعد از آپلود می توانیم آدرس فایل آپلود شده (که در سایت http://up.behtarin.com نمایش داده می شود) را از طریق تگ <img> در اسکریپت وارد کنیم که در ادامه با جزئیات آن آشنا می‌شویم.
بنری که در سایت قرار می دهیم یا لینک دارد و با کلیک بر روی آن کاربر به صفحه دیگری هدایت می شود و یا اینکه مانند یک تصویر ساده بدون لینک خاصی درنظر گرفته شده است.
· بنر بدون لینک
کافیست تصویر بنر را در سایت نمایش دهیم و با دادن style مناسب به تگ <div> تعیین کنیم که بنر در sidebar چپ قرار بگیرد یا راست؟
· بنر به همراه لینک:
برای اضافه کردن بنری که به سایت یا صفحه خاصی لینک داده شده باشد می توانیم تصویر بنر را با استفاده از تگ <a>به آدرس مورد نظر لینک دهیم و در ادامه از تگ <div> و style مناسبی که به آن می دهیم برای تعیین sidebar چپ یا راست کمک می گیریم.
