قالب HTML فروشگاهی نسخه موبایل Fuzzy

قالب Fuzzy

قالب فازی یک قالب PWA (Progressive Web App) است که با HTML، جاوا اسکریپت ، css و scss نوشته شده است. این قالب HTML برای دستگاه ها با ابعاد کوچک نظیر تبلت و موبایل نوشته شده و امکان نصب سایت بعنوان یک اپلیکیشن مستقل روی دستگاه کاربر را دارد ؛ در صورت نصب ، آیکن برنامه به لیست برنامه های کاربر اضافه خواهد شد و برخی فایلهای استاتیک (مانند تصاویر ، استایل شیت ، جاوا اسکریپت و…) در داده های برنامه (Cache) ذخیره میشود و بدین ترتیب سرعت لود و بارگزاری صفحات بالا میرود.

همچنین ظاهر و طراحی برنامه نیز مشابه اپلیکیشن موبایل (Native application design) است. قالب html فروشگاهی فازی نسخه موبایل (PWA) در دو نسخه راست چین و چپ چین ارائه میشود و برای حالت های تاریک و روشن استایل های متناسب به همراه دارد. فایلهای scss نیز در فایل محصول ارائه شده و علاقه مندان به sass میتوانند از این فایلها بهره ببرند.در ادامه برخی از تصاویر این قالب را مشاهده می کنید : 

– صفحه ورود و ثبت نام :

– صفحه جزئیات محصول طرح 1 :

ویژگی های قالب نسخه موبایل PWA فازی

• طراحی کد کلین
• ایجاد شده با sass (scss)
• استفاده از فونت های آیکن (iconsax)
• استفاده از فونت فارسی وزیر متن
• کد اعتبارسنجی شده با استانداردهای W3C
• طراحی خلاقانه و مدرن
• کاملاً واکنشگرا
• ایجاد انیمیشن های روان
• راحتی در سفارشی سازی و قابل فهم
• بوتسترپ 5
• بنسخه تاریک و روشن
• نسخه چپ چین و راست چین

پلاگین های مورد استفاده در قالب Fuzzy

در این قالب نسخه موبایل از پلاگین های جاوا اسکریپت و css زیر استفاده شده است:

• پلاگین swiperjs برای ایجاد اسلایدرهای عکس، محصول و محتوا
• پلاگین mds.bs.datetimepicker برای دریافت تاریخ شمسی
• پلاگین iconsax قابل دسترس از طریق گیت ها

– توضیحات لازم برای نسخه pwa در مستندات این قالب به طور مفصل آمده است (مراحل ثبت فایل های استاتیک برای ذخیره در داده های برنامه در دستگاه کاربر ، تعریف آیکن ها در اندازه های مختلف ، نام برنامه برای نمایش در لیست برنامه های کاربر و …).