فصل اول | قالب، ماژول و آموزش پرستاشاپ
651 subscribers
306 photos
29 videos
9 files
412 links
کانال رسمی فصل اول

https://fasleaval.com

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

پشتیبانی:
@fasleaval_support
Download Telegram
📺 در رابطه با آموزش‌های ویدیویی که در کانال منتشر می‌کنیم، انتخابتون کدومه؟
Anonymous Poll
69%
ویدیو کامل باشه - طولانی
27%
ویدیو خلاصه باشه - کوتاه
4%
اصلا ویدیو نمی‌بینم!
👍5👌1
⚙️ پرستاشاپ 8.1.6 در تاریخ 26 اردیبهشت 1403 به عنوان یک وصله امنیتی منتشر شد. (این آپدیت از زیر دستمون در رفت 🫣)

در این نسخه 2 مشکل امنیتی برطرف شده است:
- حمله XSS از طریق فرم تماس بخش فروشگاهی، به کمک آپلود فایل
- مشتری ناشناس می‌تواند فاکتور مشتریان دیگر را دانلود کند

مطالعه بیشتر + مشاهده دمو:
💻 https://fasleaval.com/blog/8391/prestashop-8-1-6-maintenance-release


🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
فصل اول | قالب، ماژول و آموزش پرستاشاپ
⚙️ پرستاشاپ 8.1.6 در تاریخ 26 اردیبهشت 1403 به عنوان یک وصله امنیتی منتشر شد. (این آپدیت از زیر دستمون در رفت 🫣) در این نسخه 2 مشکل امنیتی برطرف شده است: - حمله XSS از طریق فرم تماس بخش فروشگاهی، به کمک آپلود فایل - مشتری ناشناس می‌تواند فاکتور مشتریان دیگر…
اگر از پرستاشاپ قدیمی‌تر از 8.1.6 استفاده می‌کنید، برای جلوگیری از حمله XSS از طریق فرم تماس:

از منوی «پارامترهای پیشرفته > ویژگی‌های جدید و آزمایشی»
گزینه «رشته پیام‌های مشتری» را غیرفعال کنید.


📌 در اولین فرصت پرستاشاپ را به آخرین نسخه آپدیت کنید.

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👏5👍2
📝 چک لیست بعد از آپدیت پرستاشاپ

به محض اینکه در ماژول 1-Click ارتقا کامل شد و بلوک‌‌های سبز رنگ، کل صفحه‌تون رو گرفت (که امیدواریم بگیره و هیچ‌وقت به خطا نخورید)، چند کار نیازه که انجام بدیم:


1. کوکی‌ها تغییر کردند، پس با رفرش صفحه نیازه که دوباره به پنل مدیریت لاگین کنید.

2. فایل‌های JavaScript و CSS تغییر کردند، بعد از اینکه وارد پنل شدید دکمه‌های Ctrl+F5 رو بزنید تا کش مرورگر خالی بشه.

3. بخش فروشگاهی رو به صورت کامل چک کنید و مطمئن بشید تمام بخش‌ها به درستی کار می‌کنه. یک حساب کاربری بسازید، سفارش ثبت کنید، از فرم تماس پیام بذارید و ...

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

5. بعد از اینکه همه چیز رو بررسی کردید، فراموش نکنید که فروشگاه رو از حالت تعمیرات خارج کنید.

6. اگر بعد از رفرش صفحه، با خطا روبرو شدید و امکان ورود به پنل رو نداشتید، حالت دیباگ رو به صورت دستی فعال کنید. برای فعال کردن دیباگ فایل config/defines.inc.php رو ویرایش کنید و _PS_MODE_DEV_ رو از false به true تغییر بدید.

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍2
💳 معرفی ماژول‌های درگاه پرداخت

در پرستاشاپ فارسی 2 ماژول جامع برای درگاه‌های پرداخت ایرانی داریم. در این پست می‌خوایم بررسی کنیم هر ماژول چه درگاه‌هایی به ما ارائه می‌کنه.


👈 ماژول پرداخت یار از مجموعه پرستایار (مشاهده صفحه ماژول)
👈 ماژول پرداخت یکپارچه از مجموعه آی پرستا (مشاهده صفحه ماژول)


هر دو ماژول هم نسخه رایگان و هم نسخه تجاری دارند، ما در این پست قصد بررسی امکانات و ویژگی‌های این ماژول‌ها رو نداریم. برای مشاهده امکانات هر ماژول، لطفا توضیحات صفحه هر ماژول رو مطالعه کنید.


✅ ماژول پرداخت یار پرستایار
نسخه رایگان:
- پی پینگ
- بانک ملت (به پرداخت)
- بانک پارسیان
- بانک ملی (سداد)
- بانک پاسارگاد
- بانک مسکن (ناواکو)
- بانک سامان
- بانک صادرات (سپهر)
- آقای پرداخت
- ایران کیش

نسخه تجاری:
درگاه آی دی پی
درگاه زرین پال
درگاه سیزپی
درگاه سما
درگاه زیفای
درگاه تومن


✅ ماژول پرداخت یکپارچه آی پرستا
نسخه رایگان:
- بانک ملت (به پرداخت)
- بانک سامان
- بانک صادرات (سپهر)
- بانک پارسیان
- بانک ملی (سداد)
- بانک پاسارگاد
- درگاه آسان پرداخت
- درگاه ایران کیش
- درگاه سیزپی
- درگاه پکپی
- پی‌پینگ
- زرین پال
- درگاه Pay
- درگاه شاناکو

نسخه تجاری:
- بانک مسکن (ناواکو)
- درگاه موبایلی تجارت پی
- درگاه آیدی پی (IDPay)
- درگاه ارزی یک پی
- درگاه Paycpg
- درگاه ازکی وام


⚙️ بررسی سازگاری:
نسخه پرستاشاپ: هر دو ماژول از پرستاشاپ 1.6، 1.7 و 8
نسخه PHP: هر دو ماژول از 7.1 تا 8.1


💬 اگر نظری در رابطه با این ماژول‌ها دارید، می‌تونید در بخش نظرات این پست اون رو با ما به اشتراک بذارید.

#module_introduction
#ماژول
#پرداخت

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4👌2
📣 تغییر در انتشار نسخه‌های جدید پرستاشاپ

همانطور که می‌دونید در نسخه‌های قبلی پرستاشاپ، ابتدا نسخه در گیت‌هاب و بعد از مدتی در سایت PrestaShop.com منتشر می‌شد. در اطلاعیه‌ای که امروز منتشر شد، تیم پروژه پرستاشاپ تصمیم گرفتند تا این دو نسخه رو یکی کنند.

در تصمیم جدید تیم پروژه، از این پس هر نسخه فقط یک فایل Zip خواهد بود که در سایت PrestaShop.com منتشر خواهد شد. اوپن سورس بودن پروژه همچنان جای خودش باقیست.

به قول تیم پروژه:
Open Source is and will remain in PrestaShop’s DNA.


اهدافی که این تغییر در نظر داره:
1. از بین بردن سردرگمی کاربران در انتخاب بین دو نسخه
2. یکپارچه کردن سیستم گزارش باگ
3. رسیدن آخرین نسخه به دست تمام کاربران، در سریع‌ترین زمان
4. بهبود پروسه تست و افزایش سرعت توسعه، از آنجایی که دیگر نیاز به انجام بعضی تست‌ها در دو مرتبه وجود ندارد.


برای اطلاعات بیشتر می‌تونید مقاله زیر رو مطالعه کنید:
💻 https://build.prestashop-project.org/news/2024/new-zip-distribution-channel/


#prestashop_news

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤1
من فکر می‌کنم هنگام نوشتن توضیحات یا هر متنی در وب‌سایت، وقتی قواعد دستور زبان فارسی (یا هر زبان دیگه‌ای) رو رعایت کنیم، برای اون‌هایی که این قواعد رو می‌دونند حس بهتری ایجاد می‌کنیم و اون‌هایی هم که با این قواعد آشنایی ندارند احتمالاً ناخودآگاه حس بهتری خواهند داشت و درصدی (هر چند شاید کم باشه) در جلب اعتمادشون تاثیر می‌ذاره.

چند موردی که همیشه توجه من رو جلب می‌کنه (چه وقتی رعایت شده باشه چه وقتی رعایت نشده باشه):
۱. محل قرارگیری علائم نگارشی مثلا نقطه و ویرگول و علامت سوال و پرانتز.

۲. استفاده از کلمه‌های می‌باشد، می‌گردد، می‌نماید، می‌سازد و...

۳. استفاده از " " به جای « » در متون فارسی.

خیلی از این موارد توسط افزونه ویراستیار یا پاک‌نویس در نرم‌افزار Word قابل بهبوده. اگر ویراستیار رو روی ویندوزهای ۱۰ به بعد نتونستید نصب کنید هم گوگل کنید یه راهنما در سایت ویرگول نوشته شده که کار می‌کنه.

💬 آیا شما این موارد رو رعایت می‌کنید؟ آیا اگر کسی این‌ها رو رعایت نکنه، حسی رو در شما ایجاد می‌کنه؟

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
🐼 ماژول اطلاع رسانی قالب پاندا

با کمک ماژول اطلاع رسانی (stnotification) می‌تونید یک بلوک پاپ آپ بسازید و نحوه نمایشش رو با 3 گزینه مشخص کنید:
1. همیشه نشون بده
2. همیشه نشون بده، مگر اینکه مشتری روی دکمه «بستن» کلیک کنه.
3. فقط بار اول نمایش بده.

مثلا اگر یک اطلاعیه مهم دارید، می‌تونید اون رو مثل اسکرین شاتی که توی این پست هست، یک‌بار به شکلی که نظر تمام کاربرا رو به خودش بگیره، نشون بدید و اگر کاربر دکمه بستن رو بزنه، دیگه بهش نمایش نده.


🎨 به لطف تنظیمات شخصی‌سازی زیادی که این ماژول داره، شما می‌تونید ظاهر و نحوه نمایش بلوک رو به هر شکلی که می‌خواید، پیاده‌سازی کنید. اسکرین شات این پست فقط بخشی از تنظیمات ماژول است.

نکته جالب اینه که شما می‌تونید هر تعداد اطلاعیه که می‌خواید بسازید. مثلا شاید بخواید در کنار یک اطلاعیه موقت، یک اطلاعیه دائمی برای قبول کردن قوانین کوکی اضافه کنید!


💎 این ماژول يکی از ماژول‌های رايگان همراه با قالب پاندا هست. مشاهده ویژگی‌های بیشتر و خرید قالب پاندا:
https://fasleaval.com/32-قالب-پاندا-سانیتو-پرستاشاپ


#panda_tips

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤2😁1
🖥 آنالیز و ردیابی لینک‌ها با کمک UTM

کد UTM یک تکه متن هست که به انتهای URL اضافه می‌شه و هدفش ردیابی عملکرد یک کمپین بازاریابی دیجیتال هست. دیجیتال مارکتر می‌تونه با استفاده از ابزارهایی مثل گوگل آنالیتیکس، این معیارها رو بررسی و آنالیز کنه.

تصور کنید شما یک کمپین حراجی در فروشگاهتون دارید. برای تبلیغ این کمپین قصد دارید از ابزارهای مختلف مثل اینفلوئنسرهای اینستاگرام، کانال‌های تلگرام، ایمیل و پیامک استفاده کنید. با کمک UTM می‌تونید متوجه بشید هر روش تبلیغاتی چه مقدار بازدهی در فروش شما داشته. مثلا فلان اینفلوئنسر با نصف هزینه یک کانال تلگرامی تونست فروش بیشتری برای شما بیاره، پس دفعه بعد می‌تونید تبلیغ‌هاتون رو بهینه‌تر کنید!


همونطور که گفتیم، کد UTM به انتهای آدرس یک صفحه اضافه میشه. مثلا لینک زیر رو در نظر بگیرید:
📎 https://www. fasleaval .com/?utm_source=instagram&utm_medium=social&utm_campaign=spring_sale&utm_term=modules&utm_content=story
(اسپیس‌های داخل دامنه سایت رو نادیده بگیرید.)


یک کد UTM می‌تونه تا 5 پارامتر داشته باشه که در ادامه اونا رو بررسی می‌کنیم.

1. منبع یا utm_source:
- این پارامتر مشخص می‌کنه که کاربر از چه سایت یا اپلیکیشنی اومده.
- در مثال ما instagram
- این پارامتر اجباری هست.

2. رسانه یا utm_medium:
- این پارامتر مشخص می‌کنه که از چه نوع تبلیغی استفاده شده. بعضی از mediumهای پرکاربرد می‌تونه cpc (تبلیغات کلیکی)، یا email (کمپین‌های ایمیلی) یا social (شبکه‌های اجتماعی) باشه. هدف این پارامتر اینه که متوجه بشیم نوع ترافیک چی بوده. مثلا اورگانیک بوده یا پولی بابتش پرداخت شده.
- در مثال ما social
- این پارامتر اجباری هست.

3. نام کمپین یا utm_campaign:
- این پارامتر اسم کمپین رو مشخص می‌کنه.
- در مثال ما spring_sale
- این پارامتر اجباری هست.

4. عبارت کلیدی یا utm_term:
- این پارامتر که عمدتا برای تبلیغات پولی مثل گوگل ادز استفاده می‌شه، کلمه کلیدی که تبلیغ شما برای اون نمایش داده و کلیک شده رو مشخص می‌کنه.
- در مثال ما modules
- این پارامتر اختیاری هست.

5. محتوا یا utm_content:
- اگر تبلیغات رو تست A/B می‌کنید یا چند Call To Action دارید، با این پارامتر می‌تونید تفاوت رو مشخص کنید. کال تو اکشن (CTA) می‌تونه یک جمله داخل متن، یک دکمه یا یک عکس باشه. با استفاده از این پارامتر می‌تونید اون‌ها رو تمایز بدید.
- در مثال ما story
- این پارامتر اختیاری هست.


2 نکته در ادامه 👇

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
فصل اول | قالب، ماژول و آموزش پرستاشاپ
🖥 آنالیز و ردیابی لینک‌ها با کمک UTM کد UTM یک تکه متن هست که به انتهای URL اضافه می‌شه و هدفش ردیابی عملکرد یک کمپین بازاریابی دیجیتال هست. دیجیتال مارکتر می‌تونه با استفاده از ابزارهایی مثل گوگل آنالیتیکس، این معیارها رو بررسی و آنالیز کنه. تصور کنید…
ادامه 👆

✔️ نکته مهم اول:
در تمام لینک‌هایی که می‌سازید، هماهنگی و یکپارچگی رو رعایت کنید.

مثلا اگر شما اسم کمپین رو یک بار Spring_Sale و یک بار spring_sale و یک بار SPRINGSALE بزنید، ابزارهای آنالیتیکس معمولا این‌ها رو 3 کمپین متفاوت می‌بینن و کار آنالیز شما رو سخت می‌کنن. این پارامترها case-sensitive (حساس به کوچک و بزرگ بودن حروف) هستند.


✔️ نکته مهم دوم:
پارامترها رو واضح و دقیق وارد کنید.

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


🙂 اگر سوالی در این رابطه داشتین، خوشحال می‌شیم تا در نظرات پاسخگوتون باشیم.


🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
⚪️ معرفی سایت GA Dev Tools

در پست قبل با UTM آشنا شدیم. راه‌های مختلفی برای ساخت UTM هست، از شیت اکسل گرفته تا نوشتن به صورت دستی، اما این روش‌ها ممکنه دارای خطا باشن. تو این پست می‌خوایم سایت GA Dev Tools که در واقع یک showcase رسمی از ابزارهای گوگل آنالیتیکس هست رو معرفی کنیم.

با کمک ابزار Campaign URL Builder که داخل این سایت هست، طبق چیزی که داخل اسکرین شات می‌بینید، خیلی راحت می‌تونید فیلدها رو تکمیل کنید و لینک نهایی رو کپی و استفاده کنید.

یکی از خوبی‌های این ابزار اینه که فیلدهایی که پر می‌کنید رو در کوکی ذخیره می‌کنه که اگر دفعه بعد هم دوباره چک کردید، بتونید الگویی که از قبل داشتید رو رعایت کنید.

👇 آدرس این ابزار:
https://ga-dev-tools.google/campaign-url-builder/


🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
🔥 استیکر دلخواه برای محصولات خاص

در ماژول استیکر قالب پاندا 2 می‌تونید هر تعداد استیکر دلخواهی که می‌خواید رو برای محصولات منتخب اضافه کنید. مثلا محصولات فلان شاخه ارسالشون رایگانه یا خرید محصولات فلان برند هدیه داره.


1. برای شروع ابتدا یک استیکر بسازید و نوع اون رو «دلخواه» قرار بدید. تنظیمات استایلش رو انجام بدید و روی دکمه ذخیره بزنید.

2. در صفحه اصلی ماژول، در بخش «لیست وابستگی»، یک وابستگی جدید اضافه کنید و طبق اسکرین شات شماره 2، اون استیکری که ساختید رو انتخاب کنید و با توجه به گزینه‌های اختصاص، یکی رو انتخاب کنید.

3. در نهایت نتیجه رو در بخش فروشگاهی مشاهده کنید.


💎 این ماژول يکی از ماژول‌های رايگان همراه با قالب پاندا هست. مشاهده ویژگی‌های بیشتر و خرید قالب پاندا:
https://fasleaval.com/32-قالب-پاندا-سانیتو-پرستاشاپ


#panda_tips

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
🎨 اضافه کردن تم رنگی به مرورگر

اگر می‌خواید وقتی کاربر وارد سایتتون می‌شه، تم رنگی مرورگرش (نوار آدرس و بالای گوشی) به رنگ سازمانی و دلخواه شما تغییر کنه و نظرش رو جلب کنه:

🐼 در قالب پاندا 2، وارد ماژول ویرایشگر قالب بشید و از تب فاوآیکون، فیلد «رنگ قالب مرورگر» رو پر کنید.

▪️ اگر از قالبی بجز پاندا 2 استفاده می‌کنید و این گزینه رو ندارید، می‌تونید کد زیر رو به صورت دستی در تگ head سایت اضافه کنید:
<meta name="theme-color" content="#F79329">

به جای F79329 کد هگز رنگ دلخواهتون رو قرار بدید.


#panda_tips

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3👌2
فصل اول | قالب، ماژول و آموزش پرستاشاپ
📣 تغییر در انتشار نسخه‌های جدید پرستاشاپ همانطور که می‌دونید در نسخه‌های قبلی پرستاشاپ، ابتدا نسخه در گیت‌هاب و بعد از مدتی در سایت PrestaShop.com منتشر می‌شد. در اطلاعیه‌ای که امروز منتشر شد، تیم پروژه پرستاشاپ تصمیم گرفتند تا این دو نسخه رو یکی کنند. در…
📣 اطلاعيه جدید مربوط به انتشار One zip

با توجه به اطلاعیه جدید تیم پرستاشاپ، تغییر مربوط به «انتشار نسخه‌های جدید به صورت یک فایل Zip» تنها برای پرستاشاپ نسخه 9 به بعد است.

نسخه‌های 8.1 همچنان به شکل قبل عرضه خواهند شد.

اطلاعات بیشتر در رابطه با این تغییر در Live Update بعدی (30 خرداد) اعلام خواهد شد.

🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
🎓 نئون لرن
یکی از منابع خوب برنامه‌نویسی و طراحی وب در یوتوب فارسی که من خیلی ازش یاد گرفتم.

🌐 ریل معرفی دوره‌های طراحی پیش در اینستاگرام رو اینجا ببینید:
https://www.instagram.com/reel/C6Rec68KDgk/

▶️ کانال یوتوبش:
https://www.youtube.com/neonlearn


چند تا از پلی‌لیست‌های آموزش:

👈 آموزش صفر تا صد طراحی وب (فرانت اند و بک اند)
https://www.youtube.com/watch?v=6zcBBDcR5-M&list=PLTEzTFAAzxQ5d322oNOyTei_nZP4GyKwJ&pp=iAQB

👈 دوره جاوااسکریپت در مرورگر
https://www.youtube.com/watch?v=xWDRD6UqZWc&list=PLTEzTFAAzxQ60kdp4_iR97U-GOuRL39RB&pp=iAQB

👈 دوره آموزش SQL
https://www.youtube.com/watch?v=CZJZMsimJqo&list=PLTEzTFAAzxQ403sZLOlIVYHyj9B_5nQMt&pp=iAQB



🔵 @fasleaval | فصل اول
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4