قرار دادن شمارش معکوس در شیت
خب درحال حاضر می‌رسیم به اون قسمتی که می بایست یه ادغام جالب بسازیم یعنی شمارش معکوس در کنار اکران تولیدها. چیزی مشابه به همون بخشی که تو دیجیکالا می بینیم که یه زمانسنج بالا میباشد، پایینشم چندتا مال توصیه داده گردیده. اما قراره ما اینو بسازیم با مدل خودمون، تو وب سایت خودمون، طراحی سایت در مشهد سوای حتی یه خط کدنویسی!
اضافه کردن زمان سنج
اضافه کردن زمان سنج
نخستین از کلیه، اگه توی سکشنمون یه‌محرمانه کانتینر اضافه داشتیم یا این که یه ویجت‌هایی بودن که به کارمون نمیومدن، ریلکس با یه کلیک حذفشون می کنیم. هم ورقه خلوت میشه، هم تمرکز میره روی چیزی که می‌خوایم بسازیم. هم اکنون اون یه کانتینری که قراره نگه‌داریم رو نگه می داریم و شغل رو با اون جلو میبریم.
کاری که اینجا می‌خوایم بکنیم اینه که توی یه ستون، زمان سنج شمارش معکوس و اسلایدر تولیدها کنار هم باشن، خیر پایین هم. پس می‌آیم جهت‌یابی اون کانتیر رو می‌ذاریم روی افقی. اینطوری هنگامی المنت‌ها رو میکشیم می‌ندازیم داخلش، کنار هم قرار می‌گیرن، خیر پشت سرهم.
آوردن اسلایدر تولیدات
درحال حاضر می‌رسیم به نصیب دیدنی‌خیس. تو نصیب جستجوی المنتور، کافیه سرچ کنیم: تولید ها یا این که حتی اسلایدر محصول ها. پوسته اهورا حقیقتاً اینجا سنگ‌تموم نهاده. با جرئت می‌تونم بگم هیچ پوسته اهل ایران‌ای مثل اهورا تنوع ویجت‌های اکران فرآورده نداره. سبک‌های گوناگون اسلایدر داریم که خیلی ریلکس و شیک، محصول ها فروشگاهت رو اکران می‌دن. یک کدام از اینا رو تعیین میکنیم و میکشیم باطن همون کانتینری که ساختیم.
المنت‌های اسلایدر محصول ها در اهورا
المنت‌های اسلایدر تولیدات در اهورا
تعداد محصولاتی که توی اسلایدر می‌خوایم اکران بدیم رو هم به دلخواه می‌تونیم تهیه و تنظیم کنیم. به عنوان مثالً اینجانب خودم معمولاً می‌ذارم روی ۴ تا، که توی یه نگاه کلی، چندتا متاع جالب چشم بشه. هم اکنون بیایم یه فعالیت ماهر‌خیس بکنیم. می آیم یه کانتینر دیگه هم باطن همون سکشن میسازیم، یعنی یه کانتینر توی کانتینر، سپس اون کانتینر رو هم یه توشه نشر می کنیم، پس دو عدد کانتینر داریم کنار هم.
حال توی یکی از زمانسنج شمارش معکوس ۴ (یا این که هر مدلی که دلت خواست) رو می‌ندازی. توی اون یک کدام از هم اسلایدر متاع رو. این دو عدد کنار هم قرار می‌گیرن، خیلی شیک و پاک. ممکنه زمانسنج خیلی عریض باشه یا این که برعکس خیلی کوچیک، یا این که اسلایدر متعددی جا بگیره. پس چی فعالیت میکنیم؟
روی هر کانتینر کلیک میکنیم، توی تنظیماتش می‌ریم و پهنا هرکدوم رو یه مقدار تهیه می کنیم. برای مثالً زمانسنج رو می‌ذاریم روی ۳۰٪، اسلایدر روی ۷۰٪. ولی می‌تونیم به یاری فلکس‌جعبه یا این که پیکربندی Responsive، کاری کنیم که توی گوشی این دو عدد بیفتن ذیل هم، البته تو دسکتاپ کنار هم باشن.
تهیه پهنا کانتینر
تهیه پهنا کانتینر
سفارشی‌سازی اسلایدر فرآورده
یه فعالیت اصلی دیگه که اینجا می‌تونیم ایفا بدیم، اینه که ظواهر اسلایدر رو یه معدود توده‌وجور کنیم. برای مثالً:
تعداد پست‌هایی که نشون میده رو روی ۳ یا این که ۴ تهیه و تنظیم کنیم.
اکران موردها مازاد مثل ارزش پیش از تخفیف، تالیف کننده، برهه زمانی مجال عصر یا این که فرآورده رو غیرفعال کنیم، زیرا اینا ممکنه منجر بشه طول کارت زیاد بشه و ظواهر بهم بریزه.
تو این مرحله هم می‌تونیم یه تغییر تحول کوچیک اما تأثیرگذار بدیم. به عنوان مثالً اگه دیدیم اسلایدری که گزینش کردیم خیلی مشابه دیجیکالاست، بریم از یه سبک دیگه به کارگیری کنیم. از جملهً تو پوسته اهورا اسلایدر شماره 8 خیلی جذابه و ظواهر خاص‌تری داره. با همین فعالیت معمولی، سبب میشیم نصیب تخفیفمون یه نام و نشان جدا پیدا کنه و تنهاً یه اسکن از وبسایت دیگه نباشه.
خب اکنون که ساختار اساسی کارمون رو چیدیم (یعنی زمانسنج کنار اسلایدر متاع) می‌رسیم به مرحله‌ای که دیگه قراره ظواهر شغل رو خوشگلش کنیم. خیلی وقتا یه پیاده سازی بهتر صرفا به دکوراسیون و محتوا وجود ندارد، اون استایل‌ها و جزئیات ظاهریه که سبب میشه یه جعبه از یه پوسته ساده تبدیل بشه به یه بخش دیده‌گیر و حرفه ای.
اولی کاری که جاری ساختن می‌دم اینه که میرم سراغ جعبه داخلی. درحال حاضر این مهمه که بدونی دقیقاً داری کدوم نصیب رو تعیین می کنی؛ زیرا یه وقت اشتباهی بیرونی رو می‌زنی و آن‌گاه می‌بینی هر چی استایل می‌دی، مکان نادرست تغییر‌و تحول می‌کنه. اینجانب خودم اینجا با تمرکز کانتینر داخلی زمان سنج یا این که همون دونه رو گزینش میکنم، خیر بیرونی رو. چرا؟ زیرا تنها می‌خوام محتوا رو تو همون جعبه کوچیک اواسط‌چین کنم، خیر آحاد سکشن رو.
میانه‌چین کردن محتوا خیلی راحته، تنها کافیه بیای و تراز عمودی و افقی رو بزاری روی میانه. این منجر میشه زمانسنج دقیقاً تو راس اون جعبه خودش قرار بگیره و از هر طرف یه مسافت‌ی معادل داشته باشه. همین عمل معمولی خیلی ظواهر باکسی که ساختیم رو آراسته‌خیس می‌کنه.
هم اکنون که‌این فعالیت رو کردیم، بریم سراغ خویش کانتینر مهم که توش کلیه چیز قرار گرفته. انتخابش می کنم و میرم توی تب استایل تا یه مقدار بهش رنگ و لعاب بدم. برای پس‌موضوع‌اش یه رنگ گزینش میکنم که یه نادر هم اکنون و هوای تخفیف و هیجان توش باشه. برای مثالً یه رنگ سبز پر‌نور یا این که یه طیف گرادیانی دیدنی. ولی خیر اون‌قدر تند که دیده اذیت بشه، اما اون‌قدر هم بی‌روح نباشه که استفاده کننده رد شه و دقت نکنه.
قرار دادن شمارش معکوس در شیت
خب درحال حاضر می‌رسیم به اون قسمتی که می بایست یه ادغام جالب بسازیم یعنی شمارش معکوس در کنار اکران تولیدها. چیزی مشابه به همون بخشی که تو دیجیکالا می بینیم که یه زمانسنج بالا میباشد، پایینشم چندتا مال توصیه داده گردیده. اما قراره ما اینو بسازیم با مدل خودمون، تو وب سایت خودمون، طراحی سایت در مشهد سوای حتی یه خط کدنویسی!
اضافه کردن زمان سنج
اضافه کردن زمان سنج
نخستین از کلیه، اگه توی سکشنمون یه‌محرمانه کانتینر اضافه داشتیم یا این که یه ویجت‌هایی بودن که به کارمون نمیومدن، ریلکس با یه کلیک حذفشون می کنیم. هم ورقه خلوت میشه، هم تمرکز میره روی چیزی که می‌خوایم بسازیم. هم اکنون اون یه کانتینری که قراره نگه‌داریم رو نگه می داریم و شغل رو با اون جلو میبریم.
کاری که اینجا می‌خوایم بکنیم اینه که توی یه ستون، زمان سنج شمارش معکوس و اسلایدر تولیدها کنار هم باشن، خیر پایین هم. پس می‌آیم جهت‌یابی اون کانتیر رو می‌ذاریم روی افقی. اینطوری هنگامی المنت‌ها رو میکشیم می‌ندازیم داخلش، کنار هم قرار می‌گیرن، خیر پشت سرهم.
آوردن اسلایدر تولیدات
درحال حاضر می‌رسیم به نصیب دیدنی‌خیس. تو نصیب جستجوی المنتور، کافیه سرچ کنیم: تولید ها یا این که حتی اسلایدر محصول ها. پوسته اهورا حقیقتاً اینجا سنگ‌تموم نهاده. با جرئت می‌تونم بگم هیچ پوسته اهل ایران‌ای مثل اهورا تنوع ویجت‌های اکران فرآورده نداره. سبک‌های گوناگون اسلایدر داریم که خیلی ریلکس و شیک، محصول ها فروشگاهت رو اکران می‌دن. یک کدام از اینا رو تعیین میکنیم و میکشیم باطن همون کانتینری که ساختیم.
المنت‌های اسلایدر محصول ها در اهورا
المنت‌های اسلایدر تولیدات در اهورا
تعداد محصولاتی که توی اسلایدر می‌خوایم اکران بدیم رو هم به دلخواه می‌تونیم تهیه و تنظیم کنیم. به عنوان مثالً اینجانب خودم معمولاً می‌ذارم روی ۴ تا، که توی یه نگاه کلی، چندتا متاع جالب چشم بشه. هم اکنون بیایم یه فعالیت ماهر‌خیس بکنیم. می آیم یه کانتینر دیگه هم باطن همون سکشن میسازیم، یعنی یه کانتینر توی کانتینر، سپس اون کانتینر رو هم یه توشه نشر می کنیم، پس دو عدد کانتینر داریم کنار هم.
حال توی یکی از زمانسنج شمارش معکوس ۴ (یا این که هر مدلی که دلت خواست) رو می‌ندازی. توی اون یک کدام از هم اسلایدر متاع رو. این دو عدد کنار هم قرار می‌گیرن، خیلی شیک و پاک. ممکنه زمانسنج خیلی عریض باشه یا این که برعکس خیلی کوچیک، یا این که اسلایدر متعددی جا بگیره. پس چی فعالیت میکنیم؟
روی هر کانتینر کلیک میکنیم، توی تنظیماتش می‌ریم و پهنا هرکدوم رو یه مقدار تهیه می کنیم. برای مثالً زمانسنج رو می‌ذاریم روی ۳۰٪، اسلایدر روی ۷۰٪. ولی می‌تونیم به یاری فلکس‌جعبه یا این که پیکربندی Responsive، کاری کنیم که توی گوشی این دو عدد بیفتن ذیل هم، البته تو دسکتاپ کنار هم باشن.
تهیه پهنا کانتینر
تهیه پهنا کانتینر
سفارشی‌سازی اسلایدر فرآورده
یه فعالیت اصلی دیگه که اینجا می‌تونیم ایفا بدیم، اینه که ظواهر اسلایدر رو یه معدود توده‌وجور کنیم. برای مثالً:
تعداد پست‌هایی که نشون میده رو روی ۳ یا این که ۴ تهیه و تنظیم کنیم.
اکران موردها مازاد مثل ارزش پیش از تخفیف، تالیف کننده، برهه زمانی مجال عصر یا این که فرآورده رو غیرفعال کنیم، زیرا اینا ممکنه منجر بشه طول کارت زیاد بشه و ظواهر بهم بریزه.
تو این مرحله هم می‌تونیم یه تغییر تحول کوچیک اما تأثیرگذار بدیم. به عنوان مثالً اگه دیدیم اسلایدری که گزینش کردیم خیلی مشابه دیجیکالاست، بریم از یه سبک دیگه به کارگیری کنیم. از جملهً تو پوسته اهورا اسلایدر شماره 8 خیلی جذابه و ظواهر خاص‌تری داره. با همین فعالیت معمولی، سبب میشیم نصیب تخفیفمون یه نام و نشان جدا پیدا کنه و تنهاً یه اسکن از وبسایت دیگه نباشه.
خب اکنون که ساختار اساسی کارمون رو چیدیم (یعنی زمانسنج کنار اسلایدر متاع) می‌رسیم به مرحله‌ای که دیگه قراره ظواهر شغل رو خوشگلش کنیم. خیلی وقتا یه پیاده سازی بهتر صرفا به دکوراسیون و محتوا وجود ندارد، اون استایل‌ها و جزئیات ظاهریه که سبب میشه یه جعبه از یه پوسته ساده تبدیل بشه به یه بخش دیده‌گیر و حرفه ای.
اولی کاری که جاری ساختن می‌دم اینه که میرم سراغ جعبه داخلی. درحال حاضر این مهمه که بدونی دقیقاً داری کدوم نصیب رو تعیین می کنی؛ زیرا یه وقت اشتباهی بیرونی رو می‌زنی و آن‌گاه می‌بینی هر چی استایل می‌دی، مکان نادرست تغییر‌و تحول می‌کنه. اینجانب خودم اینجا با تمرکز کانتینر داخلی زمان سنج یا این که همون دونه رو گزینش میکنم، خیر بیرونی رو. چرا؟ زیرا تنها می‌خوام محتوا رو تو همون جعبه کوچیک اواسط‌چین کنم، خیر آحاد سکشن رو.
میانه‌چین کردن محتوا خیلی راحته، تنها کافیه بیای و تراز عمودی و افقی رو بزاری روی میانه. این منجر میشه زمانسنج دقیقاً تو راس اون جعبه خودش قرار بگیره و از هر طرف یه مسافت‌ی معادل داشته باشه. همین عمل معمولی خیلی ظواهر باکسی که ساختیم رو آراسته‌خیس می‌کنه.
هم اکنون که‌این فعالیت رو کردیم، بریم سراغ خویش کانتینر مهم که توش کلیه چیز قرار گرفته. انتخابش می کنم و میرم توی تب استایل تا یه مقدار بهش رنگ و لعاب بدم. برای پس‌موضوع‌اش یه رنگ گزینش میکنم که یه نادر هم اکنون و هوای تخفیف و هیجان توش باشه. برای مثالً یه رنگ سبز پر‌نور یا این که یه طیف گرادیانی دیدنی. ولی خیر اون‌قدر تند که دیده اذیت بشه، اما اون‌قدر هم بی‌روح نباشه که استفاده کننده رد شه و دقت نکنه.
پیاده سازی متن تبلیغاتی جالب