آموزش توسعه تم Shopify پیشرفته
Advanced Shopify Theme Development
به متخصص Shopify و بنیانگذار Disco Gavin Ballard بپیوندید تا ببینید چگونه مهارت های توسعه تم Shopify خود را به سطح بعدی ارتقا دهید.
این دوره برای طراحان وب و توسعه دهندگان با تجربه قبلی Shopify در نظر گرفته شده است، این دوره از دوره مقدماتی کرت الستر "" دنبال می شود. اگر به تازگی با تم های Shopify شروع کرده اید، توصیه می شود ابتدا آن دوره را بگذرانید (همچنین به صورت رایگان در اینجا در Skillshare در دسترس است).
به عنوان یک پروژه کلاسی، از شما خواسته می‌شود که یک موضوع موجود را انتخاب کنید و صفحه مجموعه‌ها را با تمرکز بر پیاده‌سازی ویژگی‌های پوشش داده شده در دوره، اصلاح کنید. این شامل عملکرد Ajax، فیلتر و مرتب‌سازی پیشرفته، استایل سفارشی، و حل مشکلات بالقوه عملکرد می‌شود.
کد از اسکرین‌کست‌ها را می‌توانید در مخزن GitHub پیدا کنید.
سطح یک صفحه مجموعه ها را ارتقا دهید
وقتی با یک مشتری جدید درگیر می‌شوید، اغلب با یک موضوع Shopify موجود کار میکنید نه اینکه هر بار از ابتدا شروع کنید. برای تقلید از این موضوع، پروژه کلاس ما برای این دوره بر یک فروشگاه خیالی با موضوعی بسیار مینیمال تمرکز دارد. مالک فروشگاه ما را استخدام کرده است تا تغییرات خاصی ایجاد کنیم که آنها امیدوارند فروشگاه را برای مشتریان قابل استفاده تر کند و منجر به نرخ تبدیل بهتر شود.
برای دریافت فایل‌ها برای وضعیت اولیه طرح زمینه، و همچنین دستورالعمل‌هایی در مورد نحوه راه‌اندازی آنها در فروشگاه توسعه، به را بررسی کنید. این مخزن همچنین حاوی دستورالعمل‌هایی در مورد نحوه استفاده از فایل‌های CSV محصول نمونه Shopify برای وارد کردن تعداد زیادی از محصولات واقعی به فروشگاه توسعه شما است.
وقتی راه‌اندازی را از سر راه برداشتید، وقت آن است که دست به کار شوید! تمرکز اصلی مالک فروشگاه، صفحه مجموعه‌های آنها (قالب‌ها/collection.liquid) است. آنها یک صفحه اصلی دارند که در حال اجرا هستند، اما می‌خواهند پیشرفت‌های زیر را انجام دهند:
- امکان مرتب‌سازی محصولات بر اساس قیمت (کم به زیاد و زیاد به پایین) را اضافه کنید.
- قابلیت فیلتر کردن محصولات بر اساس برچسب را اضافه کنید.
- امکان افزودن یک محصول به سبد خرید مشتری را مستقیماً از صفحه مجموعه ها با دکمه "افزودن سریع" اضافه کنید. هنگامی که محصولات به سبد خرید اضافه می شوند، مالک می خواهد کل سبد خرید در منوی پیمایش به طور مناسب به روز شود.
دو مورد اول از این پیشرفت‌ها مستقیماً در درس پوشش داده می‌شوند. سومین مورد مشابه روشی است که عملکرد سبد خرید Ajax را در درس ساخت چرخ دستی‌های مجهز به Ajax اضافه کردیم.
علاوه بر موارد فوق، مالک فروشگاه در جایی شنید که . آنها امیدوارند که اگر وقت دارید، بتوانید:
- موضوع آنها را برای مشکلات بالقوه عملکرد بررسی کنید. و
- یک گردش کار ساخت بهبود تنظیم کنید تا مطمئن شوید دارایی‌ها و تصاویر آنها فشرده، کوچک شده و برای عملکرد بهینه شده‌اند.
شاید بخواهید درس‌های مربوط به بهترین روش‌ها و استقرار پیشرفته برای این کارها را مرور کنید.
هنگامی که نسخه پروژه خود را تمام کردید، یک اسکرین شات را در اینجا در Skillshare به همراه پیوندی به چیز واقعی در فروشگاه توسعه خود ارسال کنید. اگر از روش‌های گردش کاری که در اوایل دوره ذکر شد پیروی میکنید، ممکن است بخواهید پیوندی به مخزن کد خود در Github یا ارائه‌دهنده میزبان کد منبع دیگری ارائه دهید تا دیگران بتوانند تغییرات شما را بررسی کنند.
اگر در هر مرحله ای گیر کردید، به صفحه بروید و سؤال خود را در آنجا پست کنید.
موفق باشید!
درس ها Lessons
-
بررسی اجمالی پروژه دوره Course Project Overview
-
فیلتر کردن، مرتب سازی و مشاهده مجموعه ها Filtering, Sorting and Viewing Collections
-
معرفی Introduction
-
نتیجه Conclusion
-
بهترین شیوه ها Best Practices
-
استقرار تم های Shopify Deploying Shopify Themes
-
سفارشی سازی محصول Product Customisations
-
خودکار کردن گردش کار شما Automating Your Workflow
-
گردش کار توسعه بهتر A Better Development Workflow
-
اضافه کردن Ajax به تم Adding Ajax to your Theme
https://donyad.com/d/54284f
Gavin Ballard
موسس در Disco، Shopify Expert.
گاوین بالارد موسس یک مشاوره است که به کسب و کارها کمک می کند تا مشکلات Shopify خود را حل کنند و سود نهایی خود را افزایش دهند. او نویسنده دوره Mastering Shopify Themes و همچنین چارچوب تم محبوب است.
گاوین دوست دارد تجربیات خود را از طریق، نوشتن برای نشریاتی مانند مجله نت، پروژه‌های منبع باز و مشارکت‌های گفتاری به اشتراک بگذارد. همچنین اغلب می توان او را در پادکست ها و وبلاگ های Shopify در سراسر اینترنت مشاهده کرد.
نمایش نظرات