Close

آخرین مطالب بلاگ

لود نشدن عکس بزرگ محصول در PPM بعد از ارتقا به پرستاشاپ 1.7
تاریخ چهارشنبه 21:28 14-10-1401 | توسط مجتبی ملائکه زاده
آموزش‌های اپلیکیشن Android و iOS پرستاشاپ
تاریخ سه شنبه 01:51 23-06-1400 | توسط مجتبی ملائکه زاده
آموزش‌های تصویری راه اندازی اپلیکیشن اندروید و iOS پرستاشاپ
بعد از تهیه اپلیکیشن اندروید و iOS دیدن فیلم‌های آموزشی زیر برای راه اندازی اپلیکیشن روی فروشگاهتان ضروری است.
تاریخ دوشنبه 09:29 20-02-1400 | توسط حسین شاه حیدر

دیدگاه‌های ثبت شده

افزودن کد CSS و جاوا اسکریپت (JS) دلخواه به پرستاشاپ 1.6 و 1.7

نوشته شده در تاریخ: پنجشنبه 06:37 15-08-1399 | نویسنده: مجتبی ملائکه زاده | شاخه ها: پرستاشاپ

هم در پرستاشاپ 1.6 و هم در پرستاشاپ 1.7، می‌توان کدهای CSS و JS دلخواه را به قالب اضافه کرد.

در پرستاشاپ 1.6، پوشه‌ای برای کدهای CSS و پوشه‌ای برای کدهای JS در نظر گرفته شده که شما خودتان باید فایل حاوی کدهای سفارشی را درون آن ایجاد/آپلود کنید.

در پرستاشاپ 1.7، فایلی برای کدهای CSS چپ‌چین، فایلی برای کدهای CSS راست‌چین (در صورت RTL بودن زبان فروشگاه) و فایلی برای کدهای JS در نظر گرفته شده که مسیر این فایل‌ها را در ادامه خواهیم گفت. اگر هم فایل مورد نظر وجود نداشت، خودتان باید آن را بسازید.

با توجه به این که همه‌ی آدرس‌ها، مربوط به قالب فروشگاه هستند و ما نام قالب فروشگاه شما را نمی‌دانیم، به جای نام قالب، از عبات YOUR_THEME استفاده می‌کنیم.


پرستاشاپ 1.6 - آدرس پوشه‌ی حاوی فایل‌های CSS سفارشی:

themes/YOUR_THEME/css/autoload

فایل جدیدی با نام دلخواه و پسوند css در این پوشه بسازید و کدهای CSS خود را در آن وارد کرده و فایل را ذخیره کنید.


پرستاشاپ 1.6 - آدرس پوشه‌ی حاوی فایل‌های JS سفارشی:

themes/YOUR_THEME/js/autoload

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


پرستاشاپ 1.7 - آدرس فایل حاوی کدهای CSS سفارشی (مثلاً برای زبان انگلیسی):

themes/YOUR_THEME/assets/css/custom.css

برای وقتی که مشتری، زبان انگلیسی (یا هر زبان Left-To-Right دیگری) را انتخاب می‌کند، کدهای CSS مورد نظرتان را در فایل custom.css وارد کنید.


پرستاشاپ 1.7 - آدرس فایل حاوی کدهای CSS سفارشی RTL (مثلاً برای زبان فارسی):

themes/YOUR_THEME/assets/css/custom_rtl.css

برای وقتی که مشتری، زبان فارسی (یا هر زبان Right-To-Left دیگری) را انتخاب می‌کند، کدهای CSS مورد نظرتان را در فایل custom_rtl.css وارد کنید.


پرستاشاپ 1.7 - آدرس فایل حاوی کدهای JS سفارشی:

themes/YOUR_THEME/assets/js/custom.js

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


یادآوری: اگر فایل مورد نظرتان وجود نداشت، خودتان آن را بسازید.

دیدگاه (0)

بدون دیدگاه

ثبت دیدگاه

لطفا برای ثبت دیدگاه وارد حساب کاربری خود شوید

Close