توسعه تم Shopify

در این دوره، اصول اولیه Shopify را پوشش می دهیم و نحوه شروع به کار با طراحی و ساخت وب سایت های کاملا سفارشی تجارت الکترونیک با استفاده از HTML، CSS، SASS، Sass، Javascript و Templating Templating Language، مایع. این همچنین همه چیزهایی را که شما باید در مورد آنها بدانید، پوشش می دهد.
Shopify برای سایت های تجارت الکترونیک چند صفحه ای عالی است یا برای کسب و کار خود، پروژه جانبی خود و یا به مشتریان دست پیدا کنید. یاد بگیرید نحوه ساخت تم های خود را از ابتدا، آنها را در اطراف ویژگی های خود سفارشی کنید و سبد خرید و قابلیت پرداخت را اجرا کنید. شما یاد خواهید گرفت که چگونه یک وب سایت تجارت الکترونیک کامل را با صفحه اصلی، صفحه مجموعه، صفحه محصول و جستجو بسازید.

عنوان اصلی : Shopify Theme Development

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

خوش آمدید و مروری بر هفته
چرا Shopify؟
راه اندازی فروشگاه اول
ایجاد اولین موضوع ما
کاوش طرح و طرح فنی ما
راه اندازی اولین محصول ما
شروع توسعه
دریافت اطلاعات محصول
خروجی داده های محصول و وصل کردن فرم سبد خرید
علامت گذاری Index.liquid
تطبیق فرم افزودن به سبد خرید با طرح های ما
استفاده از زبان‌ها و ترجمه‌ها برای متن ثابت
علامت گذاری دکمه سبد خرید
کاوش در سبد خرید
علامت گذاری صفحه سبد خرید
علامت گذاری وضعیت سبد خالی
مقدمه ای بر Stylesheets
ذخیره متغیرهای Sass و سبک های پایه
طراحی اولیه صفحه اصلی
طرح‌بندی شبکه صفحه اصلی
استایل دهی به ناحیه تصویر
استایل دادن به ناحیه اطلاعات
سخت کردن صفحه اصلی
طراحی نماد سبد خرید
استایل دادن به سبد خرید خالی
طراحی سبد پر شده
تغییر تصویر محصول با جاوا اسکریپت
ایجاد صفحه 404 و نشان دادن الگوهای بدون استایل به آن
افزودن وب فونت
تکالیف طراحی پاسخگو
هفته 1 + خلاصه پروژه
مقدمه + نمای کلی هفته
کاوش طرح های ما
وارد کردن محصولات از یک فایل CSV
تنظیم دارایی های ثابت و محتوای پویا
معرفی لیست پیوندها
علامت گذاری Theme.liquid
تنظیم مجموعه صفحه اصلی
علامت گذاری Index.liquid
علامت گذاری Product-Card.liquid
علامت گذاری Product.liquid
تغییر از انتخاب کشویی به دکمه های رادیویی
افزودن جزء کمیت
عملکردی کردن مولفه کمیت
گیر دادن به رویداد تغییر کمیت
تنظیم و اعتبارسنجی پویا فرم افزودن به سبد خرید
پاک کردن جاوا اسکریپت
تکمیل نشانه گذاری فرم افزودن به سبد خرید
علامت گذاری سبد خرید + خط مورد
سبک های آغازین برای تم، سرصفحه + پاورقی
شاخص استایل + کارت محصول
استایل دادن به صفحه محصول + افزودن به فرم سبد خرید
طراحی صفحه سبد خرید + موارد خط
معرفی API Ajax
تهیه مینی سبد خرید و محتویات سبد خرید
افزودن محصولات با استفاده از Ajax API
عملکردی کردن سبد خرید مینی با آژاکس
طراحی مینی سبد خرید
باز کردن و بستن مینی سبد خرید
علامت گذاری و شکل دادن به Page.liquid + 404.liquid
QAing سایت
فونت های وب + پاسخگو
هفته + خلاصه پروژه
مقدمه + نمای کلی هفته
کاوش طرح های ما
راه اندازی فروشگاه جدید با داده های وارد شده
علامت گذاری سرصفحه و پاورقی
معرفی تنظیمات تم
معرفی تعویض ارز
راه اندازی فروشگاه برای چند ارز
افزودن تنظیمات ارز Shopify به Settings_Schema
افزودن تکه مایع ارزهای Shopify
ایجاد و گنجاندن سوئیچ ارز
بازسازی انتخابگر ارز
اشکال‌زدایی و افزودن علامت پولی به صفحه سبد خرید
مقدمه ای بر بخش های تم
ارزیابی بخشها در فهرست
ایجاد طرحواره برای بخش نمایش اسلاید
علامت گذاری بخش نمایش اسلاید فهرست
ایجاد طرحواره برای بخش های محتوا
علامت گذاری بخش های محتوا
معرفی گزینه های پیچیده محصول
تنظیم فرم افزودن به سبد خرید
استفاده از Liquid برای ایجاد یک شی JSON از داده های متغیر
جداسازی گزینه های محصول
اعتبار سنجی یا باطل کردن فرم افزودن به سبد خرید
تنظیم قیمت بر اساس نوع انتخابی
تخصیص و بازیابی نوع انتخابی از URL
وصل کردن فرم به API Ajax
ایجاد مینی سبد خرید و قطعه های مورد خط
وصل کردن سبد خرید کوچک به Ajax API
خلاصه هفته + تکلیف
خلاصه + معرفی هفته
تنظیم انتخابگر مقدار مورد خط
به روز رسانی مقدار از طریق Ajax API
ایجاد مؤلفه فرم جستجو
دریافت نتایج جستجو
علامت گذاری صفحه جستجو، نتایج و 404
علامت گذاری صفحه مجموعه + کارت محصول
علامت گذاری خط مورد + محتویات سبد خرید
علامت گذاری صفحه محصول
دریافت نمونه های رنگی پویا
گسترش توضیحات محصول با استفاده از Liquid
SVGهای درونی
مقدمه ای بر استایل شیت های مدولار
راه اندازی PrePros + Architecting Stylesheets
شیوه های جهانی + بارگذاری مجدد زنده
متغیرها، سبک‌ها و ترکیب‌های پایه
Hader + Styleguide
سبک های پاورقی
طراحی صفحه مجموعه + کارت محصول
طراحی صفحه محصول
استایل دادن به فهرست مجموعه + قطعه قطعه های بیشتر محصول
طراحی سبد خرید، محتویات + سبد خرید کوچک
استایل دادن به صفحه جستجو، نتایج، + 404
استایل دادن به بخش‌های فهرست
وصل کردن نمایش اسلاید
چیدن همه چیز + تکلیف
وب فونت های خود میزبان
سفارشی کردن پرداخت
ثبت سفارش آزمایشی
بررسی هفته + خلاصه دوره