رفتن به مطلب

دانوش

مدیر کل
  • تعداد ارسال ها

    5,141
  • تاریخ عضویت

  • آخرین بازدید

  • روز های برد

    98

تمامی مطالب نوشته شده توسط دانوش

  1. تا به این‌جای کار با دوجهته کردن بخش اصلی قالب و ماژول آشنا شدید. اما یکی از بخش‌های مهم تصاویر هستند. وقتی قالب را راست چین می‌کنید تصاویر به راست منتقل شده و اگر نامتقارن باشند به چپ اشاره می‌کنند و یا برعکس. برای حل مشکل تصاویر باید تصاویر را به چند دسته تقسیم کنیم: - تصاویر نامتقارن دوگانه. این تصاویر نامتقارن هستند اما همیشه جفت هستند. یکی برای راست و یکی برای چپ. مانند تصاویری که برای بعدی و قبلی به کار می‌روند. این تصاویر نیاز به تغییر ندارند ولی در فایل css راست چین شده (rtl) جای تصویر سمت چپ و راست با یک دیگر عوض می‌شود. مثال: #view_scroll_left, #view_scroll_right { background: url('../img/thumbs_left.gif') no-repeat center; text-indent: -3000px; width: 9px; height: 18px; float: left; margin-top: 30px; padding-right: 6px; padding-left: 4px } #view_scroll_right { background-image: url('../img/thumbs_right.gif') } که بعد از تغییرات به شکل زیر خواهد شد. #view_scroll_left, #view_scroll_right { background: url('../img/thumbs_right.gif') no-repeat center; text-indent: -3000px; width: 9px; height: 18px; float: right; margin-top: 30px; padding-right: 4px; padding-left: 6px } #view_scroll_right { background-image: url('../img/thumbs_right.gif') } . http://presta-shop.ir/images/articles/thumbs_left.gif http://presta-shop.ir/images/articles/thumbs_right.gif >>> بعد از تغییر >>> http://presta-shop.ir/images/articles/thumbs_right.gif http://presta-shop.ir/images/articles/thumbs_left.gif . - تصاویر نامتقارن تکی. این تصاویر مانند تصاویر قبلی دارای تقارن نیستند و باید برای استفاده در قالب راست چین یک بار آینه شوند. اما باید توجه کنید که حتماً نام آن را هم به شکل imagename-rtl یا imagename_rtl تغییر دهید تا تصویر برای قالب چپ چین دچار مشکل نشوند. برای ویرایش عکس می‌توانید از هر ویرایشگر تصویر ساده‌ای (به جز paint) استفاده کنید. دقت کنید که ویرایشگر تصویر باید از تصاویر png که دارای پشت‌نمایی (Transparency) هستند پشتیبانی کند و این قابلیت را از تصویر نگیرد. ویرایشگر پیشنهادی: snag-it یا Microsoft office یا photoshop. #instant_search_results a.close { background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent; float: right; margin-right: 7px; padding-right: 21px; text-transform: none } کد بالا بعد از تغییر تصویر به شکل زیر خواهد شد: #instant_search_results a.close { background: url("../img/nav-logout-rtl.gif") no-repeat scroll left 2px transparent; float: left; margin-left: 7px; margin-right: 0; padding-left: 21px; padding-right: 0; text-transform: none } http://presta-shop.ir/images/articles/step_start.gifhttp://presta-shop.ir/images/articles/step_end.gif >>> بعد از تغییر >>> http://presta-shop.ir/images/articles/step_start_rtl.gifhttp://presta-shop.ir/images/articles/step_end_rtl.gif . http://presta-shop.ir/images/articles/block_header_exclusive_cart.gif >>> بعد از تغییر >>> http://presta-shop.ir/images/articles/block_header_exclusive_cart_rtl.gif - تصاویر دارای متن انگلیسی. تصاویری هستند که دارای متن هستند. می‌توانید متن داخل آن را با ویرایشگر تصویر تغییر دهید یا یک تصویر جدید مشابه آن تولید کنید و مانند روش قبل با تغییر نام کد آن را تغییر دهید. البته توجه کنید که در این حالت ممکن است تصاویر با کد زبان نام‌گذاری شده باشند؛ مانند image_en که در این حالت برای نام‌گذاری از کد زبان استفاده می‌کنیم؛ مانند image_fa. - تصاویر متقارن. تصاویری که نسبت به خط عمود بر مرکز آن متقارن باشند. این تصاویر که نزدیک به 90 درصد تصاویر را تشکیل می‌دهند نیازی به ویرایش ندارند. ویرایش محل قرارگیری Background محل قرار گیرفتن تصاویر در یک لایه، جدول، خط و ... با استفاده از ویژگی Background-position قابل تعریف است. که به اشکال مختلفی ممکن است استفاده شود. تغییر مکان تصاویر را به عنوان یکی از کارهای پایانی در نظر داشته باشید و سعی کنید محل تصاویری که تغییر می‌دهید را بدانید. توصیه می‌شود از افزونه‌ی Firebug برای فایرفاکس استفاده کنید. در کروم ویرایشگری به صورت پیش فرض مشابه فایرباگ وجود دارد. background-position با پذیرفتن دو مقدار میزان حرکت تصویر از سمت چپ کادر به سمت راست واز بالای کادر به سمت پایین را مشخص می‌کند. این ویژگی ممکن است با پذیرفتن مقادیر right, left, top, bottom تصویر را در یکی از گوشه‌های کادر قرار دهد. background: url(...) no-repeat right top; => در گوشه‌ی سمت راست و بالا قرار می‌گیرد، شیوه‌ی ویرایش این کد مشخص است و قبلاً توضیح داده شده است background: url(...) no-repeat right 10px; => در سمت راست کادر به اندازه 10 پیکسل از بالا به سمت پایین فاصله می‌گیرد. background: url(...) no-repeat 5px 10px; => به اندازه 5 پیکسل از چپ به سمت راست و به اندازه‌ی 10 پیکسل از بالا به سمت پایین. background: url(...) no-repeat -5px -10px; => به اندازه‌ی 5 پیکسل از چپ به سمت چپ و 10 پیکسل از بالا به سمت بالا - یعنی از کادر خارج می‌شود background: url(...) no-repeat 10% 5%; => استفاده از درصد برای مکان تصویر همه‌ی تصاویر نیاز به تغییر مکان ندارند. توصیه‌ی اکید می‌شود این کار را به عنوان آخرین کار در ویرایش قالب انجام دهید. تصاویری که دارای حالت اشاره به سمت چپ و یا راست هستند معمولاً نیاز به تغییر مکان دارند. برای تشخیص تصاویری که نیاز به تغییر مکان دارند می‌توانید قالب را بعد از ویرایش بازبینی کنید. برای ویرایش به مقدار دوم کاری نداریم و فقط تغییر مکان از سمت چپ را ویرایش می‌کنیم (با فاصله‌ی تصویر از بالای کادر کاری نداریم). به دلیل این که مکان تصاویر معمولاً با استفاده از پیکسل مشخص می‌شوند ویرایش آن‌ها قدری دشوار است. css این قابلیت را ندارد تا این جابه‌جایی را از سمت راست محاسبه کند! بنابراین چاره‌ای نداریم تا جابه‌جایی از سمت چپ را طوری تنظیم کنیم که از سمت راست به نظر برسند. اگر مقادیر بر اساس پیکسل باشند و ما عرض کادری که تصویر در آن باشد را بدانیم کافی است به اندازه‌ی عرض کادر به سمت راست بریم و به اندازه‌ی مقدار اصلی برگردیم. یعنی اگر عرض به طور مثال 120 باشد و مقدار تغییر مکان 10 کافی است به اندازه‌ی 110 پیکسل به سمت راست حرکت کنیم (10 پیکسل از سمت راست فاصله داریم). اگر عرض کادر را ندانیم چاره‌ای نداریم جز تبدیل حالت پیکسلی به حالت درصدی. در این حالت باید حتماً نتیجه‌ی کار را ببینید. در غیر این صورت مشخص نیست تصویر در جای خودش قرار گرفته یا نه. اگر محل تصویر را در سایت پیدا نکردید توصیه می‌شود عدد 100% را جایگزین کنید تا در سمت راست قرار بگیرد. به جز در مواردی محدود حساسیت روی محل قرار گیری تصاویر نیاز نیست. به طور مثال می‌توانید برای 10px مقدار 98% را قرار دهید. (10 پیکسل را معادل 2 درصد فرض کردیم و از 100 کم کردیم). اگر مقادیر بر اساس درصد باشند نیازی به عرض کادر (لایه) نداریم (عرض کادر 100 درصد است!) کافی است درصد تغییر مکان را از 100 درصد کم کنیم. به طور مثال به جای 10% مقدار 90% را وارد می‌کنیم (100 درصد منهای 10 درصد). در مواقعی که مقدار منفی است کافی است به جای کم کردن از عرض کادر به آن مقدار تغییر مکان اصلی را اضافه کنیم. به طور مثال 110%. مثال: .idTabs a { background-image: url('../img/tab_bg.jpg') no-repeat 10px 10px; width: 173px; => عرض کادر height: 25px } بعد از ویرایش: .idTabs a { background-image: url('../img/tab_bg.jpg') no-repeat 163px 10px; => فاصله از سمت چپ به 163 تغییر کرد. width: 173px; height: 25px } .idTabs a { background-image: url('../img/tab_bg.jpg') no-repeat 10px 10px; height: 25px; => عرض کادر را نداریم } بعد از ویرایش .idTabs a { background-image: url('../img/tab_bg.jpg') no-repeat 98% 10px; => به صورت فرضی یا با مشاهده سایت 98 درصد را جایگزین کردیم height: 25px; => عرض کادر را نداریم } .idTabs a { background-image: url('../img/tab_bg.jpg') no-repeat -10% -10%; width: 173px; => عرض کادر مهم نیست height: 25px } بعد از ویرایش: .idTabs a { background-image: url('../img/tab_bg.jpg') no-repeat 110% -10%; => عدد منفی با 100 درصد جمع می‌شود width: 173px; => عرض کادر مهم نیست height: 25px } نکات مهم در هنگام ویرایش قالب برای اعمال تغییرات باید «اعمال کامپایل» را از تنظیمات » کاربری‌ها فعال کنید. برای نمایش تغییرات باید در ابزارها » زبان‌ها در ویرایش زبان فارسی آن را به عنوان زبان RTL علامت بزنید. حتماً بخش‌های قبلی و بعدی آموزش را بخوانید.این مطالب را هم بخوانید آموزش سازگار کردن قالب با زبان پارسی (بخش اول)آموزش سازگار کردن قالب با زبان پارسی (بخش دوم - ماژول) آموزش کار با افزونه‌ی Firebug این آموزش به صورت اختصاصی و برای اولین بار در انجمن پشتیبانی پرستا شاپ پارسی ارایه شده. هرگونه کپی برداری از آن فقط و ققط با ذکر نام و لینک این انجمن مجاز است.
  2. به ماژول مربوطه برید و پیکربندی رو بزنید اونجا می‌تونید تعداد رو افزایش بدید.
  3. شروین جان الان ورژن زبان فارسی روی 1.4.4.0 هست اگه اشتباه نکنم. امکان ارتقای ورژن نیست؟
  4. دوست عزیز انتشار ماژول‌هایی پولی در این انجمن مجاز نیست. منظور شما از نمایش و اشتراک ویدیو چی هست؟ این کار نیاز به ماژول نداره. سایتی مثل یو تیوب این قابلیت رو داره که کد ویدیو رو قرار بدبد و روی هر سایت و وبلاگی اجرا میشه. از سرویس‌های ویدیویی استفاده کنید و کدش رو در سایتتون قرار بدید. نمونه‌های ایرانیش هم مثل آپارات وجود داره.
  5. فکر نمی‌کنم مشکلی باشه. شما یک قالب دیگه بریزید و فعال کنید و بعد نام پوشه رو تغییر بدید و دوباره اگه خواستید ازش استفاده کنید میشه فعالش کرد. امتحان کنید اگر نشد نامش رو مجدداً تغییر دید.
  6. توی تست‌هایی که ما داشتیم میشه ارتقا داد و مشکلی از نظر نمایش محصولات وجود نداشت. فقط مشکلاتی در نمایش سربرگ‌ها هست و بیشتر مشکلات مربوط به ترجمه‌های داخل دیتابیس بود. با این حال این یک نسخه‌ی رسمی نیست و ما پیشنهاد نمیکنیم که این کار رو انجام بدید. بهترین روش اینه که شما یک کپی از سایتتون روی لوکال پیاده کنید و روی لوکالل تست کنید تا ارتقا بدون مشکل انجام میشه یا . تمام بخش ها رو تست کنید و اگر مشکلی نبود با گرفتن یک بکاپ از فایل و دیتابیس ارتقا روی سایت رو انجام بدید.
  7. دانوش

    اتمام موجودی

    شما از این بابت مطمئنید؟ خود پرستا شاپ این کار رو انجام میده. تمام مراحل خرید رو انجام بدید و خرید به صورت پرداخت شده برچسب بخوره. خودش موجودی رو محاسبه می‌کنه.
  8. دوست عزیز قبلاً هم اعلام کردیم. فعلاً این نسخه ارایه نمیشه. به علت وقت گیر بودن و تأخیر در انجام سایر اهداف. باید بیشتر صبر کنید.
  9. دوست عزیز شما نیاز به انتقال مطالب ندارید! مگه میشه هرچند وقت یک بار کل مطالب رو منتقل کرد؟ شما باید از simple dns editor یک cname تعریف کنید. name: www.1.garfilm.com cname: www.garfilm.com این روش جواب میده و ما خودمون با feeds.presta-shop.ir روی یک سایت چیل تر شده dns تعریف کردیم.
  10. در بخش آموزش‌ها آموزش‌هایی از تغییر قالب دده شده و در حال کامل تر شدن است.
  11. ما هم منتظر دریافت نسخه 1.5 هستیم. به محض انتشار فراخوان همکاری در ترجمه رو میدیم.
  12. مشکل از خودتون هست. باید تنظیمات ساب دامین رو درست انجام بدید. شما فروشگاه رو داخل یک پوشه مثل m-darvishi.ir/shop نصب کنید و نتیجه رو ببنید. مطمئنم که مشکلتون حل میشه.
  13. چرا می خواین این کارو انجام بدین؟
  14. مشکل میتونه به دلیل سرعت پایین هاست سرعت پایین اینترنت سرعت پایین مرورگر عدم پاسخگویی سایت پرستاشاپ (بعضی از قسمت‌ها از سایت اصلی دانلود میشن) یا دلایل دیگه باشه راه حلش هم تعویض هاست، استفاده از اینترنت پرسرعت، استفاده از یک مرورگر دیگه و یا آزمایش در زمان دیگه باشه.
  15. منظورتون از منوی سمت چپ چیه؟ اونا یک سری ماژوله که میتونید غیر فعال کنید. برای حذف کاملش یا یک ستونه کردنش باید از یه قالب دیگه استفاده کنید. سؤال دوم رو متوجه نشدم.
  16. من هم چندان متوجه منظور شما نشدم. شما از یک مرورگر دیگه استفاده کنید و نتیجه رو بگید. ممنون
  17. دانوش

    مشکل با نصب ماژول

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

    مشکل با نصب ماژول

    شما از طریق FTP بریزید مشکلی وجود نداره. بعد از انتقال به بخش ماژول برید و ماژول رو از لیست پیدا کنید و نصب را بزنید تا فعال شود. در ضمن تمام ماژول های 1.3 با 1.4 هماهنگ نیستند
  19. شما بعد از انتخاب یک قالب روی buy کلیک کنید تا ببینید که قالب ها پولی هستند و قیمتشون رو نشون میده. سایتشون اشکال پیدا کرده و قیمت ها رو صفر نشون میده.
  20. فکر نمی کنم بشه پیام مشتری رو حذف کرد. حالا چرا اینقدر واجبه که حذفش کنید؟ بازهم اگه دوستان نظری دارن اعلام کنن
  21. تنظیمات » کاربری ها اولین گزینه هست
  22. به بخش مدیریت برو کامپایل رو فعال کن ببین مشکلت حل میشه یا نه
  23. فقط فارسی تایپ کنید. در غیر این صورت جوابی نمیگیرید.
  24. دوست عزیر لطفاً فقط فارسی تایپ کنید. سؤال خودتون رو در قسمت مربوط به خودش بپرسید در غیر این صورت هیچ جوابی نمی‌گیرید. در این انجمن هیچ جوابی در ایمیل داده نمیشه
×
×
  • اضافه کردن...