فصل اول | قالب، ماژول و آموزش پرستاشاپ
📹 حل راست‌چین باکس تولید ترکیب پرستاشاپ 8 اگر در پرستاشاپ 8، در صفحه جدید ساخت محصول، در بخش «تولید ترکیب» مشکل به هم ریختگی باکس دارید و با زدن آیکون 3 نقطه، منوی پیش نمایش، نمایش داده نمی‌شود، می‌توانید طبق ویدیو، کد CSS که در پست بعدی ارسال میشود را در…
⚙️ کدهای CSS مورد نیاز جهت حل مشکل راست‌چین باکس تولید ترکیب
این کدها را طبق آموزش پست قبل، در انتهای فایل theme_rtl.css اضافه کنید.
🔸 بعد از اضافه کردن کد، نیاز است یک بار دکمه‌های Ctrl+F5 را جهت خالی کردن کش در صفحه مدیریت بزنید.
📢 @fasleaval | فصل اول
این کدها را طبق آموزش پست قبل، در انتهای فایل theme_rtl.css اضافه کنید.
/* Fix the Combinations Generate RTL */
.lang-rtl .dropdown-menu[x-placement=bottom-start],
.lang-rtl .dropdown-menu[x-placement=top-start] {
left: 0 !important;
right: auto;
}
.lang-rtl #product-combinations-generate .modal #attributes-list-selector .attribute-group-checkbox {
left: 3.5rem;
right: auto;
}
.lang-rtl #product-combinations-generate .modal #attributes-list-selector .attribute-group .attribute-item-color {
margin-left: 0.5rem;
margin-right: 0;
}
.lang-rtl #product-combinations-generate .md-checkbox label {
padding-left: 28px;
padding-right: 0;
}
.lang-rtl #product-combinations-generate .md-checkbox .md-checkbox-control::after,
.lang-rtl #product-combinations-generate .md-checkbox .md-checkbox-control::before {
left: 0;
right: auto;
}
.lang-rtl #product-combinations-generate .md-checkbox .indeterminate+.md-checkbox-control::after,
.lang-rtl #product-combinations-generate .md-checkbox [type=checkbox]:checked+.md-checkbox-control::after {
left: 3px;
right: auto;
}
🔸 بعد از اضافه کردن کد، نیاز است یک بار دکمه‌های Ctrl+F5 را جهت خالی کردن کش در صفحه مدیریت بزنید.
📢 @fasleaval | فصل اول
👌4👍2🙏1
📽 هم اکنون می‌توانید Live Update پروژه پرستاشاپ را به صورت زنده از طریق لینک زیر تماشا کنید:
🔗 https://www.youtube.com/watch?v=097fUWgPuWo
📢 @fasleaval
🔗 https://www.youtube.com/watch?v=097fUWgPuWo
📢 @fasleaval
👍3
سالی پر از ورودی ارگانیک، نرخ تبدیل بالا، نرخ پرش پایین، گم نشدن بسته‌های پستی، سرور پر سرعت، مشتری وفادار و مشوق برای کسب و کارتون آرزومندیم.
سال نو مبارک. 🎉
🍃
🌺🍃
🍃🌺🍃
📢 @fasleaval | فصل اول
سال نو مبارک. 🎉
🍃
🌺🍃
🍃🌺🍃
📢 @fasleaval | فصل اول
❤13👌4
⚙️ پرستاشاپ 8.1.5 به عنوان یک پچ جدید برای پرستاشاپ 8.1 در تاریخ 29 اسفند 1402 منتشر شد. این دفعه خبری از آپدیت امنیتی نیست، در عوض این آپدیت شامل چند بهبود جالب و حل باگ است.
🪲 بعضی از باگ‌های برطرف شده:
- بهبود تخفیف‌هایی که «برجسته» هستند.
- رفع مشکلات وابسته به حذف آدرس مشتری
- حل باگ‌های اساسی مرتبط با «بسته‌ی محصولات»
- اعتبار سنجی بهتر در قوانین سبد خرید
- حل مشکل مرتبط با فیلدهای چند زبانه boolean
- اصلاح پریدن شاخه‌ها با واردسازی محصولات از طریق CSV
🔧 بعضی از بهبودهای انجام شده:
- اعمال خودکار پر استفاده ترین قانون مالیاتی روی محصولات جدید
- عدم autofill پسوردها در تنظیمات SMTP
- بهبود صفحه مشاهده سبد خرید در پنل مدیریت
مطالعه بیشتر + مشاهده دمو:
🔗 https://fasleaval.com/blog/8378/prestashop-8-1-5-maintenance-release
📢 @fasleaval | فصل اول
🪲 بعضی از باگ‌های برطرف شده:
- بهبود تخفیف‌هایی که «برجسته» هستند.
- رفع مشکلات وابسته به حذف آدرس مشتری
- حل باگ‌های اساسی مرتبط با «بسته‌ی محصولات»
- اعتبار سنجی بهتر در قوانین سبد خرید
- حل مشکل مرتبط با فیلدهای چند زبانه boolean
- اصلاح پریدن شاخه‌ها با واردسازی محصولات از طریق CSV
🔧 بعضی از بهبودهای انجام شده:
- اعمال خودکار پر استفاده ترین قانون مالیاتی روی محصولات جدید
- عدم autofill پسوردها در تنظیمات SMTP
- بهبود صفحه مشاهده سبد خرید در پنل مدیریت
مطالعه بیشتر + مشاهده دمو:
🔗 https://fasleaval.com/blog/8378/prestashop-8-1-5-maintenance-release
📢 @fasleaval | فصل اول
👍5
1. افزودن فیلد «پیام موفق» به ویجت فرم تماس.
2. افزودن فیلدهای متنی دلخواه «پیشوند» و «پسوند» به ویجت قیمت محصول.
3. اصلاح عدم تغییر رنگ توضیحات کوتاه و بلند محصول.
4. بهبود ویجت «شاخه درختی».
5. بهبود ویجت «پک محصولات».
6. نمایش لایه‌بندی صفحه محصول، هنگام ویرایش توضیحات با استفاده از ادیتور.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
- به‌روز‌سازی ویجت «پک محصول» برای کنترل کامل در نحوه نمایش محصولات.
- افزودن فیلد «عنوان دلخواه» به ویجت «شاخه درختی».
- افزودن لینک‌های بیشتر به دسترسی سریع.
- افزودن گزینه تغییر رنگ و فونت متن در بلوک مکالمه.
- افزودن تنظیمات تایپوگرافی برای سربرگ‌ها در ویجت «محتوای CMS».
- افزودن گزینه «موجودی پک» به ویجت «اطلاعات محصول».
- تنظیمات استایل برای زیرمنوها در موبایل.
- انتقال بردکرامب به یک بلوک تمام‌عرض.
- تصاویر SVG دلخواه در برخی از ویجت‌ها کار نمی‌کرد.
- امکان افزودن GDPR به فرم ثبت‌نام وجود نداشت.
- تنظیمات تایپوگرافی در ویجت «محتوای CMS» کار نمی‌کرد.
- تنظیمات پس‌زمینه برای نوار کناری کار نمی‌کرد.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🤔1
- افزودن تنظیمات ظاهری برای دکمه «مشاهده بیشتر» در ویجت منو.
- افزودن تنظیمات ظاهری برای اسلایدها در تمام ویجت‌های اسلایدر.
- افزودن تنظیمات ظاهری بیشتر برای قیمت‌ها در ویجت «قیمت محصول».
- دسترسی مدیر به ویرایشگر، بدون نیاز به افزودن IP در حالت تعمیرات.
- ویجت «تعداد محصولات در صفحه» (بتا).
- ویجت «هوک محصول» برای مینیاتور محصول.
- استفاده از هدر و فوتر شخصی‌سازی‌شده در صفحه پرداخت.
- محصولاتِ اشتباه در فروش ضربدری نمایش داده می‌شد.
- تخفیف روی خرید عمده در صفحه محصول به درستی کار نمی‌کرد.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
برای واردسازی محصول به چه اطلاعاتی نیاز داریم؟
1. نام محصول✏️
انتخاب یک الگو برای نام محصول میتونه به فروشگاه شما نظم بده و کار شما رو آسون‌تر کنه. بسته به نوع فروشگاه شما، اگر اسم محصول اهمیت خیلی بالایی داره، سعی کنید عبارت‌های مهمی که کاربر دنبالش هست رو در ابتدا قرار بدید.
مثلا در یک فروشگاه لپ‌تاپ، برند یا پردازنده از رنگ اهمیت بیشتری داره. پس در انتخاب الگوی نام، «احتمالا» بهتره که رنگ در انتهای نام قرار بگیره.
2. تصویر محصول📸
اضافه کردن چندین تصویر از یک محصول، از زوایای مختلف، در حالت‌های مختلف، اگر ویژگی خاصی داره (مثلا لپ‌تاپی که °360 چرخیده)، بک گراند ساده و خلوت، دوربری تمیز، نور کافی و کیفیت مناسب تصویر، میتونه به مشتری شما کمک کنه تا انتخاب بهتری داشته باشه.
3. ویژگی‌ها و جزئیات📝
سعی کنید تمام چیزی که درباره یک محصول برای کاربر میتونه کاربردی باشه رو ذکر کنید. مثلا در همان فروشگاه لپ‌تاپ، علاوه بر مشخصات فنی، وزن لپ‌تاپ هم میتونه یک عامل مهم برای کاربر باشه.
دیگه چی؟🤔
این لیست هنوز جای کامل شدن داره، به نظرتون دیگه چه مواردی در واردسازی محصول مهمه؟
در رابطه با مواردی که تو این پست اشاره کردیم، نکته یا تجربه‌ای دارید تا بتونیم این لیست رو کامل کنیم؟
لطفا نظرتون رو در همین پست با ما به اشتراک بذارید💬
#product_tips
🔵 @fasleaval | فصل اول
1. نام محصول
انتخاب یک الگو برای نام محصول میتونه به فروشگاه شما نظم بده و کار شما رو آسون‌تر کنه. بسته به نوع فروشگاه شما، اگر اسم محصول اهمیت خیلی بالایی داره، سعی کنید عبارت‌های مهمی که کاربر دنبالش هست رو در ابتدا قرار بدید.
مثلا در یک فروشگاه لپ‌تاپ، برند یا پردازنده از رنگ اهمیت بیشتری داره. پس در انتخاب الگوی نام، «احتمالا» بهتره که رنگ در انتهای نام قرار بگیره.
2. تصویر محصول
اضافه کردن چندین تصویر از یک محصول، از زوایای مختلف، در حالت‌های مختلف، اگر ویژگی خاصی داره (مثلا لپ‌تاپی که °360 چرخیده)، بک گراند ساده و خلوت، دوربری تمیز، نور کافی و کیفیت مناسب تصویر، میتونه به مشتری شما کمک کنه تا انتخاب بهتری داشته باشه.
3. ویژگی‌ها و جزئیات
سعی کنید تمام چیزی که درباره یک محصول برای کاربر میتونه کاربردی باشه رو ذکر کنید. مثلا در همان فروشگاه لپ‌تاپ، علاوه بر مشخصات فنی، وزن لپ‌تاپ هم میتونه یک عامل مهم برای کاربر باشه.
دیگه چی؟
این لیست هنوز جای کامل شدن داره، به نظرتون دیگه چه مواردی در واردسازی محصول مهمه؟
در رابطه با مواردی که تو این پست اشاره کردیم، نکته یا تجربه‌ای دارید تا بتونیم این لیست رو کامل کنیم؟
لطفا نظرتون رو در همین پست با ما به اشتراک بذارید
#product_tips
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🤔2👍1
اگر یک فایل CSV با چند ستون مختلف دارید، اما فقط قصد آپدیت یک یا چند ستون خاص رو دارید، نیازی به ویرایش دستی فایل و حذف ستون‌های اضافه ندارید.
فقط کافیه بعد از آپلود فایل، برای ستون‌هایی که نمی‌خواید آپدیت بشن، گزینه «نادیده گرفتن این ستون» رو انتخاب کنید.
#prestashop_tips #csv
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2
اگر از قالب پاندا یا ترنسفرمر استفاده می‌کنید، و قصد دارید در توضیحات محصول (هر جا و به هر تعداد) اسلایدر تصویر اضافه کنید که توضیحات محصولتون پرمحتوا و زیباتر بشه، می‌تونید از ماژول اسلایدر Swiper استفاده کنید.
[اسکرین شات ۱]
1️⃣ برای این کار کافیه یک اسلایدشوی جدید بسازید و در بخش هوک گزینه‌ای رو انتخاب نکنید.
بعد از ذخیره این گروه و آپلود تصاویر، در صفحه اصلی ماژول روبروی گروهی که ساختید، ستون "کد کوتاه" رو پیدا کنید و کد رو کپی کنید.
[اسکرین شات ۲]
2️⃣ حالا وارد محصول موردنظرتون بشید و در بخش توضیحات (بلند یا کوتاه به انتخاب خودتون) این کد رو Paste کنید.
[اسکرین شات ۳]
🔸از این آموزش می‌تونید در هر جایی که بخواید اسلایدشو اضافه کنید، استفاده کنید.
#panda_tips
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👌6❤2
🧮 فیلدهای مرجع در صفحه محصول
هنگام ایجاد محصول، در تب جزئیات، چند فیلد کد مرجع وجود داره. تو این پست می‌خوایم کاربرد این فیلدها رو بررسی کنیم.
۱. مرجع
این فیلد، یک کد مخصوصِ فروشگاه شماست. با هر ترکیب حرف و عددی که برای شما راحت‌تره و این محصول رو منحصر به فرد میکنه این فیلد رو پر کنید.
۲. کد MPN
این کد که مخفف عبارت Manufacturer Part Number هست، یک کد منحصر به فرده که از سمت تولیدکننده مشخص میشه. با استفاده از این کد مشتری میتونه "دقیقا" اون محصولی که دنبالش هست رو پیدا کنه.
۳. بارکد UPC
این استاندارد که مخفف Universal Product Code هست، کد بارکدی هست که اغلب در آمریکا، کانادا، انگلستان، استرالیا و نیوزیلند استفاده میشه.
۴.بارکد EAN-13 یا JAN
این فیلد، عددِ بارکد محصول هستند که در اغلب کشورها ازشون استفاده میشه، شما به یکی از این دو نیاز دارید.
- کد EAN-13 یک عدد ۱۳ رقمی بین‌المللی هست
- کد JAN هم از استاندارد EAN استفاده میکنه ولی مخصوص کشور ژاپن هست.
۵. شابک یا ISBN
کد شابک یک شماره استاندارد بین المللی کتاب هست که نسخه‌های مختلف یک کتاب رو مشخص میکنه. اگر محصولاتتون کتاب هست، از این کد استفاده کنید.
🤔 به نظر شما کدوم یک از این کدها تو ایران کاربردی‌تره؟
#product_tips
🔵 @fasleaval | فصل اول
هنگام ایجاد محصول، در تب جزئیات، چند فیلد کد مرجع وجود داره. تو این پست می‌خوایم کاربرد این فیلدها رو بررسی کنیم.
۱. مرجع
این فیلد، یک کد مخصوصِ فروشگاه شماست. با هر ترکیب حرف و عددی که برای شما راحت‌تره و این محصول رو منحصر به فرد میکنه این فیلد رو پر کنید.
۲. کد MPN
این کد که مخفف عبارت Manufacturer Part Number هست، یک کد منحصر به فرده که از سمت تولیدکننده مشخص میشه. با استفاده از این کد مشتری میتونه "دقیقا" اون محصولی که دنبالش هست رو پیدا کنه.
۳. بارکد UPC
این استاندارد که مخفف Universal Product Code هست، کد بارکدی هست که اغلب در آمریکا، کانادا، انگلستان، استرالیا و نیوزیلند استفاده میشه.
۴.بارکد EAN-13 یا JAN
این فیلد، عددِ بارکد محصول هستند که در اغلب کشورها ازشون استفاده میشه، شما به یکی از این دو نیاز دارید.
- کد EAN-13 یک عدد ۱۳ رقمی بین‌المللی هست
- کد JAN هم از استاندارد EAN استفاده میکنه ولی مخصوص کشور ژاپن هست.
۵. شابک یا ISBN
کد شابک یک شماره استاندارد بین المللی کتاب هست که نسخه‌های مختلف یک کتاب رو مشخص میکنه. اگر محصولاتتون کتاب هست، از این کد استفاده کنید.
#product_tips
Please open Telegram to view this post
VIEW IN TELEGRAM
🙏5👌2
بهینه کردن حجم تصاویری که توی سایت آپلود می‌کنید، یکی از مهمترین قدم‌هاست. از تصویر محصول و شاخه گرفته تا اسلایدشو و بنر.
تو این پست می‌خوایم ۲ ابزار کاربردی برای بهینه‌سازی تصاویر معرفی کنیم.
۱. نرم افزار pinga
این نرم افزار کاربردی و رایگان رو می‌تونید از اینجا دانلود کنید:
https://css-ig.net/pinga
کار کردن باهاش خیلی ساده‌ست. در اولین مرحله باید در بخش Settings، سطح بهینه‌سازی رو مشخص کنید؛ بعد در منوی اصلی تصاویر رو درگ و دراپ کنید و روی دکمه optimize بزنید.
⚙️ اسکرین شات این پست، پیش‌نمایشی از تنظیمات این نرم افزار هست.
۲. سایت Optimizilla
این ابزار آنلاین از آدرس زیر در دسترسه:
20 تا از تصاویر رو در هر بار آپلود قبول میکنه و خروجی که میده با توجه به کاهش حجم چشم‌گیرش، خیلی قابل قبوله.
✅ نکته: بهینه‌سازی باید تا جایی انجام بشه که به کیفیت تصویر آسیب نزنه (یا حداقل آسیب زیادی نزنه).
پس حتما تنظیمات سطح بهینه‌سازی رو در هر ابزاری که معرفی کردیم، بالا و پایین کنید تا به اون مقدار دلخواه که هم حجم کم و هم کیفیت قابل قبول داره، برسید.
#image_tips
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍3👌3
در نتایج پیج‌اسپید گوگل، چند معیار مختلف وجود داره که یکی از اون‌ها LCP هست؛ یعنی زمان لود بزرگترین محتوای صفحه (در دید اول).
در صفحات محصول، این محتوا اغلب عکس گالری محصول هست که به صورت پیش‌فرض در قالب پاندا این عکس لیزی‌لوده. لیزی‌لود بودن LCP باعث میشه که زمان لودش افزایش پیدا کنه.
📸 اسکرین‌شات‌هایی که در این پست می‌بینید، صرفا با تغییر همین یک گزینه هست. به تاثیر مثبتی که این مورد روی بقیه معیارها میزاره هم دقت کنید.
۱. ابتدا، بدون تغییر در تنظیمات، لینک صفحه یکی از محصولاتتون رو در ابزار زیر وارد کنید:
https://pagespeed.web.dev/
۲. گزارش قبل از تغییر رو مشاهده و در صورت نیاز کپی نگه دارید.
۳. گزینه‌ای که معرفی کردیم رو فعال کنید.
۴. تست همان محصول رو مجددا انجام بدید.
#panda_tips
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👌3
دلیل این خطا، استفاده از گزینه «آپلود تصویر» در نوار چسبنده هست.
برای جلوگیری از این خطا، عکسی که از این طریق اضافه کردید رو حذف کنید و از نوار ابزارهای ثابتی که بالای ویرایشگر است، برای آپلود تصویر استفاده کنید.
#prestashop_tips #editor
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5👏1
Media is too big
VIEW IN TELEGRAM
در مرحله اول نیاز هست که پیش‌نیازهای یک لندینگ پیج رو بدونیم.
معمولا یک لندینگ‌پیج شامل موارد زیر میشه:
۱. اسلایدشوی تصویر
۲. بلوک توضیحات
۳. گروه بنری
۴. کروسل محصولات
تو این ویدیو تمام این موارد رو قدم به قدم بررسی می‌کنیم.
#panda_tips #steasycontent
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥2👍1🙏1