0 0 تومان

تغییر در ظاهر صفحات فروشگاه جوم شاپینگ

درس 13
تغییر در ظاهر صفحات فروشگاه جوم شاپینگ

در این قسمت از آموزش ساخت فروشگاه اینترنتی در جوملا می خواهیم نحوه تغییر در ظاهر صفحات فروشگاه جوم شاپینگ (Joomshopping) را آموزش دهیم.

برای اینکه بتوانیم در ظاهر یک کامپوننت تغییر دهیم، شما ابتدا باید با کامپوننت نویسی در جوملا و همچنین  HTML و CSS و jQuery آشنا باشید. اما در این فیلم آموزشی ابتدا یک توضیح مختصر در ارتباط با موارد بالا داده خواهد شد و سپس به اصل آموزش می پردازیم و به شما آموزش خواهیم داد که چکونه می توان ظاهر صفحه ی مربوط به "لیست محصولات فروشگاه" را تغییر داد.

تغییر در ظاهر صفحه لیست محصولات در فروشگاه جوم شاپینگ (joomshopping)

سرفصل های فیلم آموزش تغییر در ظاهر صفحات فروشگاه جوم شاپینگ

1
  • کامپوننت نویسی برای جوملا چیست؟
  • HTML و CSS و jQuery چیست؟
  • زبان برنامه نویسی PHP در فروشگاه
  • عنصر Table و Div و Span و Img در HTML
  • خصوصیت display و position و opacity و z-index در CSS
  • استفاده از jQuery برای نمایش توضیحات کوتاه محصول بصورت اسلایدی
  • رویداد mouseenter و mouseleave در jQuery
  • متد slideDown و slideUp در jQuery
  • محصولات در فروشگاه در چند ستون نمایش داده شوند؟
  • فایل CSS خارجی فروشگاه کجاست؟ (default.css)
  • استفاده از خصوصیت box-shadow برای سایه دادن به لیست محصولات
  • استفاده از خصوصیت background-color برای تنظیم پس زمینه برای لیست محصولات
 
نظرات کاربران

نظرات کاربران  
با سلام و خسته نباشید خدمت شما، اقا امیر ببخشید این قسمت اموزشتون خیلی کم در مورد جومشاپینگ حرف زدید و قرار بود بیشتر در مورد ظواهر خروجی محصولات باشه
با سلام و دردود بر آقا مهران
در فیلم آموزش تغییر در ظاهر صفحات فروشگاه جوم شاپینگ ما چند هدف رو دنبال کردیم:
1- لیست محصولات: در این آموزش فقط به نحوه ی تغیر صفحه لیست محصولات پرداختیم و هدف ما از انجام این کار آشنایی شما با کلیت کار بود، یعنی شما بقیه صفحات فروشگاه را به همین نحو می توانید به راحتی تغییر دهید.
2- عناصر HTML استفاده شده در فروشگاه: برخی از دوستان و خریداران این پکیج احتمالا با HTML و CSS و jQuery آشنایی ندارند بنابراین ما سعی کردیم که در ابتدای این آموزش که تقریبا زمان زیادی را هم بخود گرفت برای این دسته از افراد عناصر و خصوصیت ها و متدهایی که بیشتر در فروشگاه جوم شاپینگ استفاده شده است را توضیح دهیم.
نهایتا همان طور که می دانید مطالب ارائه شده در این آموز در هیچ وب سایتی و حتی سایت رسمی Joomshopping ارائه نشده است و تماما حاصل تجبریات خود بنده است.
سلام.ببخشید من فیلم آموزش فروشگاه رو کاملا تمام کردم اما مشکلی دارم اگر من بخوام روی جزئیات کلیک کردم صفحه جزئیات محصول مانند صفحه شما طراحی کنم چه کاری باید انجام بدم؟..بعنوان مثال عکس سمت راست باشه و معرفی اجمالی محصول سمت چپ در داخل کادری قرار گرفته در زیر عکس توضیحات کامل وجود داره .نام صفحه تغییر کرده و .. .من چطور میتونم صفحه جزِئیات و ظاهر صفحه رو خودم طراحی کنم نه اینکه صفحه جزئیات خوده جوم شاپینگ نشون بده.از راهنماییتون ممنونم
سلام و عرض ادب
در Root اصلی جوملا به آدرس زیر برید:
components/com_jshopping/templates/default
در آدرس بالا، به ازای تمام صفحات فروشگاه یک فایل می بینید که در صورتی که با HTML و CSS آشنا باشید، براحتی می تونید کدها رو مطابق سلیقه خودتان تغییر دهید.
بعنوان مثال، فایلی که مد نظر شماست یعنی فایل مربوط به جزئیات محصول، فایل زیر است:
components/com_jshopping/templates/default/product/product_default.php
مدرس
مهندس امیر پهلوان صادق

با مدرک مهندسی نرم افزار، بنیانگذار اصلی سایت بیاموز است. زمینه های پژوهشی و کاری تخصصی ایشان، در حوزه های مختلف برنامه نویسی وب و سیستم های چرخش فرم (Workflow) و SAP ERP است. تا کنون، بیش از 3000 مطلب آموزشی توسط ایشان در بیاموز ارائه شده است.

تغییر در ظاهر صفحات فروشگاه جوم شاپینگ

هزینه آموزش
15,000 تومان
حجم فایل 166 مگابایت
مدت زمان 01:16:00
پیش نیازها Joomla
شماره درس 13
نوع آموزش تصویری و کاملاً فارسی
تعداد دانشجو 4125