Close

افزودن کد 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