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

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