آموزش توسعه تمز شاپ‌فای: ساخت تم‌های شاپ‌فای [۲۰۲۳] - آخرین آپدیت

دانلود Shopify Theme Development: Create Shopify Themes [2023]

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش جامع طراحی و توسعه قالب‌های Shopify با ThemeKit و زبان Liquid

با یادگیری چگونگی ساخت قالب‌های Shopify با استفاده از ThemeKit و کدنویسی با زبان قدرتمند Liquid، فروشگاه آنلاین خود را سفارشی‌سازی کنید.

چرا طراحی قالب Shopify؟

به دلیل همه‌گیری بیماری، بسیاری از افراد به دنبال راه‌اندازی فروشگاه آنلاین با Shopify هستند. این کسب‌وکارهای جدید نیازمند قالب‌های Shopify حرفه‌ای و کارآمد برای افزایش فروش خود می‌باشند. چرا شما یکی از توسعه‌دهندگان جدید Shopify نباشید و یک قالب Shopify شگفت‌انگیز از صفر بسازید؟

قالب Shopify چیست؟

قالب‌های Shopify بخش حیاتی یک فروشگاه آنلاین هستند، زیرا سفارشی‌سازی وب‌سایت را آسان‌تر می‌کنند. تعداد کمی قالب Shopify به صورت رایگان در دسترس هستند، که این امر توسعه قالب Shopify را بسیار سودآور می‌سازد. پس چرا یک فروشگاه Shopify نسازید؟

در این دوره چه خواهید آموخت؟

در این دوره، ما به شما می‌آموزیم چگونه با استفاده از ThemeKit و زبان Liquid، یک قالب Shopify بسازید. ما تمام بخش‌های مهم توسعه قالب Shopify، از جمله تنظیمات Schema و بلاک‌ها را پوشش خواهیم داد تا مشتریان بتوانند فروشگاه Shopify خود را به راحتی و بدون نیاز به کدنویسی سفارشی‌سازی کنند.

سرفصل‌های اصلی دوره:

  • آموزش راه‌اندازی فروشگاه توسعه (Development Store)
  • استفاده از Bootstrap برای طراحی قالب Shopify
  • آشنایی با فایل‌ها و دارایی‌های قالب (Theme files and assets)
  • یادگیری تگ Schema (تنظیمات و بلاک‌ها)
  • نحوه ساخت صفحه مشتریان (صفحه سفارشات و صفحه آدرس‌ها)
  • تسلط بر زبان Liquid (ارجاع به فایل‌های دارایی، حلقه‌ها، دستورات شرطی، آبجکت‌های Shopify، فیلترها و موارد بیشتر)
  • کار با AJAX API (دریافت اطلاعات محصولات، ارسال محصولات به سبد خرید و ...)
  • استفاده از قالب‌های JSON (جدید)

پیش‌نیازها:

  • آشنایی با HTML و CSS
  • آشنایی اولیه با Shopify

سؤالات متداول (FAQ)

  1. آیا این دوره از Shopify CLI استفاده می‌کند؟

    متأسفانه خیر. مایل بودیم این دوره را با استفاده از Shopify CLI به‌روزرسانی کنیم، اما از آنجایی که بیشتر درس‌ها از ThemeKit استفاده می‌کنند، این کار مستلزم صرف زمان زیادی است. ترجیح می‌دهیم یک دوره جداگانه برای توسعه قالب با Shopify CLI ارائه دهیم.

    بنابراین، عذرخواهی می‌کنیم. اگر به دنبال Shopify CLI هستید، اخیراً دوره جدیدی منتشر کرده‌ایم! لطفاً آن را در حساب کاربری ما بررسی کنید!
  2. آیا نحوه استفاده از قالب‌های JSON را به ما نشان می‌دهید؟

    بله.
    در واقع، ما درس‌های جدیدی را برای آموزش مهاجرت قالب‌های Liquid به قالب‌های JSON اضافه کرده‌ایم.

اگر احساس می‌کنید آماده شروع هستید، هم‌اکنون ثبت‌نام کنید و بیایید با هم بهترین قالب Shopify را بسازیم!


سرفصل ها و درس ها

مقدمه Introduction

  • مقدمه Introduction

شروع کار Getting Started

  • نصب ThemeKit Installing ThemeKit

  • ایجاد فروشگاه‌های توسعه Creating Development Stores

  • ایجاد رمز عبور با دسترسی Theme Kit Creating Passwords using Theme Kit Access

  • ایجاد پروژه Creating The Project

فایل‌های قالب / دارایی Theme / Asset Files

  • فایل‌های قالب و شمای تنظیمات The Theme Files & The Setting Schema

  • نصب چارچوب‌های CSS Installing CSS Frameworks

محتوا Content

  • هدر (نوار ناوبری) Header (Navigational bar)

  • افزودنی‌های Shopify Liquid Shopify Liquid Extensions

  • ایجاد بخش‌های سفارشی Creating Custom Sections

  • نمایش محصولات در مجموعه Displaying Products Inside a Collection

  • ایجاد صفحه محصول Creating The Product Page

  • صفحه سبد خرید Cart Page

  • صفحات سفارشی (درباره ما و صفحات سوالات متداول) Custom Pages (About us & FAQs page)

  • صفحه مجموعه Collection Page

  • صفحه‌بندی Pagination

  • فیلترهای محصول (مرتب‌سازی) Product Filters (Sorting)

  • صفحه وبلاگ Blog Page

  • صفحه مقاله Article Page

  • نوار کناری Sidebar

  • صفحه 404 404 Page

  • بخش پاورقی Footer Section

  • فرم جستجو Search Form

  • نتیجه جستجو Search Result

محتواهای مکانی Locales

  • افزودن ترجمه‌ها Adding Translations

مشتریان Customers

  • منوهای ورود و ثبت نام Login & Register menus

  • صفحه ورود Login Page

  • صفحه ثبت نام Registration Page

  • صفحه حساب کاربری Account Page

  • صفحه آدرس‌ها Addresses Page

  • صفحه سفارش Order Page

  • صفحه بازنشانی رمز عبور و فعال‌سازی حساب Reset Password & Account Activation Page

گام‌های بعدی Next steps

  • گام‌های بعدی چیست؟ What to do next?

درس‌های جایزه Bonus Lessons

  • افزودن انتخابگر ترجمه به فروشگاه Adding Translation Selector To Storefront

  • رفع استایل‌ها و پاسخگویی (اختیاری) Fixing Styles & Responsiveness (Optional)

  • نمایش آیکون‌های روش‌های پرداخت Displaying Payment Methods Icons

  • افزودن و استفاده از فونت‌های Shopify با تنظیمات شماتیک Adding & Using Shopify Fonts With Schema Settings

جایزه: API AJAX BONUS: AJAX API

  • API محصول: ایجاد پنجره‌های پاپ آپ برای محصولات Product API: Creating a product modal popups

  • API سبد خرید: افزودن محصولات به سبد خرید Cart API: Adding Products to the Cart

  • اوه! مشکلی مربوط به Bootstrap داریم: رفع فراخوانی غیرقانونی Oops! We've got an error related to Bootstrap: Fixing The Illegal Invocation

  • API سبد خرید: دریافت محصولات از سبد خرید Cart API: Getting Products From the Cart

  • API پیشنهاد محصول: پیشنهاد محصولات در صفحات محصول Product Recommendation API: Recommending Products in Products Page

  • API جستجوی پیش‌بینی‌کننده Predictive Search API

مخزن GitHub GitHub Repository

  • لینا Leena

فروشگاه آنلاین 2.0 ONLINE STORE 2.0

  • معرفی فروشگاه آنلاین 2.0 Introducing Online Store 2.0

  • به‌روزرسانی ThemeKit Updating ThemeKit

  • صفحه 404 (قالب JSON) 404 Page (JSON Template)

  • صفحه مقاله (قالب JSON) Article Page (JSON Template)

  • نحوه کار قالب JSON How JSON Template Works

  • رفع مشکل نوار کناری Fixing Sidebar Issue

  • صفحه وبلاگ (قالب JSON) Blog Page (JSON Template)

  • صفحه سبد خرید (قالب JSON) Cart Page (JSON Template)

  • صفحه مجموعه (قالب JSON) Collection Page (JSON Template)

  • صفحه اصلی (قالب JSON) Index / Homepage (JSON Template)

  • صفحه لیست مجموعه‌ها (قالب JSON) List Collections Page (JSON Template)

  • صفحه تماس (قالب JSON) Contact Page (JSON Template)

  • صفحه سوالات متداول (قالب JSON) FAQ Page (JSON Template)

  • صفحه پیش‌فرض (قالب JSON) Default Page (JSON Template)

  • صفحه محصول (قالب JSON) Product Page (JSON Template)

نمایش نظرات

آموزش توسعه تمز شاپ‌فای: ساخت تم‌های شاپ‌فای [۲۰۲۳]
جزییات دوره
12 hours
59
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
4,718
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Bernard Polidario Bernard Polidario

توسعه دهنده Shopify | بنیانگذار WeeklyHow