جلسه بیست و یکم – آموزش طراحی سایت فروشگاهی

به جلسه 21 از دوره آموزشی طراحی سایت فروشگاهی با ووکامرس رسیدیم . در این جلسه دو بخش خیلی مهم رو با هم در صفحه جزئیات محصول تکمیل می کنیم . یکی بخش مربوط به سایدبار محصولات و بخش دوم مربوط به محصولات مرتبط که در صفحه جزئیات محصول باید وجود داشته باشه .

همونطور که گفتیم برای طراحی صفحه جزئیات محصول چند جلسه با هم خواهیم بود . در این جلسه دو قسمت خیلی مهم رو هم تکمیل می کنیم . همونطور که گفته بودیم سایدبار دسته بندی محصولات را در این صفحه خواهیم داشت . در این جلسه این قسمت به شکل کامل تموم میشه که طراحی خیلی ساده ولی جذابی داره .

قسمت دوم مربوط به محصولات مرتبط هست . بخش محصولات مرتبط در انتهای صفحه جزئیات محصول قرار داره و این بخش برای اینکه جلوه خیلی قشنگی داشته باشه داخل اسلایدر قرار خواهد گرفت تا در حالت های کوچیک تر هم مشکلی در نمایش نداشته باشیم .

این جلسه تقریبا اتمام صفحه جزئیات محصول خواهد بود ، در جلسه بعدی فقط بخش مربوط به جزئیات کامل محصول و نظرات طراحی خواهد شد که چند دقیقه وقت مارا نخواهد گرفت و به سراغ طراحی صفحات داخلی سایت خواهیم رفت . در این صفحه ، ما چندین بخش مختلف را کنار هم گذاشتیم . پلاگین های جلسه قبل که مربوط به تصاویر بودند ، اسلایدر مربوط به بخش محصولات مرتبط و در جلسه بعدی هم قسمت استفاده از تب بندی بوت استرپ را خواهیم داشت که برای بخش جزئیات و نظرات به کار می بریم . این صفحه چندان هم سنگین نیست اما در قسمت های برنامه نویسی حتما کارهایی خواهیم کرد تا این صفحه با سرعت مناسب اجرا شود .

امیدواریم تمامی آموزش های طراحی صفحه جزئیات رو به شکل خوبی یاد گرفته باشید . صفحه جزئیات از صفحات مهم وب سایت ما است و لازمه تا سلیقه خوبی در این بخش بخرج دهیم . ما هم سعی کردیم تا در مدت زمانی که باتوجه به مدت ویدئو در اختیار داریم طراحی خوبی را اجرا کنیم .