diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..7a73a41 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,2 @@ +{ +} \ No newline at end of file diff --git a/custom-theme-sample.zip b/custom-theme-sample.zip index 5c95dde..37bc01c 100644 Binary files a/custom-theme-sample.zip and b/custom-theme-sample.zip differ diff --git a/layout.twig b/layout.twig index bb70295..407f60b 100644 --- a/layout.twig +++ b/layout.twig @@ -1,537 +1,558 @@ - - - - - {{ header_meta_tags | raw }} - - - - - - - {##} - - - - - - - - - - {% if session.lang.code == 'ar' %} - - {% else %} - - {% endif %} - - - - - - - - - - - - - - - - - - - - {% if session.lang.code == 'ar' %} - - {% endif %} - - {% block top_links %}{% endblock %} - - {% if user_custom_css %} - - {% endif %} + + + + + {{ header_meta_tags | raw }} + + + + + + + {##} + + + + + + + + + {% if session.lang.code == 'ar' %} + + {% else %} + + {% endif %} + + + + + + + + + + + + + + + + + + + {# swiper JS Links #} + + + {# swiper JS Links #} + + {% if session.lang.code == 'ar' %} + + {% endif %} + + {% block top_links %}{% endblock %} + + {% if user_custom_css %} + + {% endif %} - - -{% if store.editing_mode %} - -{% endif %} - - - -{% block top_body %}{% endblock %} - -
-
- {% block header %}{% endblock %} -
-
- {% block main_content %}{% endblock %} -
-
- {% block footer %}{% endblock %} -
- {% block footer_sticky %}{% endblock %} -
- -{{ zidapi_script|raw }} - - - - - - - - - - - - - - - -{% block footer_scripts %}{% endblock %} - - - - - - -{% schema %} -{ - "colors":{ - "name": { - "ar": "الالوان", - "en": "Colors" - }, - "icon": "fa fa-paint-brush", - "display": true, - "settings":{ - "header": { - "type": "fieldset", - "label": { - "ar": "رأس الصفحة", - "en": "Header" - }, - "icon": "font_awesome", - "expandable": true, - "settings": { - "background_color": { - "type": "color", - "label": { - "ar": "لون الخلفية", - "en": "Background color" - } - }, - "text_color": { - "type": "color", - "label": { - "ar": "لون النص", - "en": "Text color" - } - }, - "menu_background_color": { - "type": "color", - "label": { - "ar": "لون خلفية القائمة الرئيسية (اختياري)", - "en": "Menu color" - } - }, - "menu_text_color": { - "type": "color", - "label": { - "ar": "لون نص القائممة الرئيسية (اختياري)", - "en": "Text color" - } - } - } - }, - "footer": { - "type": "fieldset", - "label": { - "ar": "اسفل الصفحة", - "en": "Header" - }, - "icon": "font_awesome", - "expandable": true, - "settings": { - "background_color": { - "type": "color", - "label": { - "ar": "لون الخلفية", - "en": "Text color" - } - }, - "text_color": { - "type": "color", - "label": { - "ar": "لون النص", - "en": "Text color" - } - } - } - }, - "background": { - "type": "fieldset", - "label": { - "ar": "الخلفية", - "en": "Background" - }, - "icon": "font_awesome", - "expandable": true, - "settings": { - "image": { - "type": "image", - "label": { - "ar": "الصورة", - "en": "Logo" - }, - "info": { - "ar": "ارفع صورة بحجم 150 * 150 ", - "en": "This is an info text sample here" - } - } - } - } - } - }, - "fonts":{ - "name": { - "ar": "الخطوط", - "en": "fonts" - }, - "icon": "fa fa-font", - "display": true, - "settings": { - "name": { - "type": "select", - "label": { - "ar": "اسم الخط", - "en": "Font name" - }, - "options": [ - { - "value": "Changa", - "label": { - "ar": "Changa", - "en": "Changa" - } - }, - { - "value": "Cairo", - "label": { - "ar": "Cairo", - "en": "Cairo" - } - }, - { - "value": "Amiri", - "label": { - "ar": "Amiri", - "en": "Amiri" - } - }, - { - "value": "Mada", - "label": { - "ar": "Mada", - "en": "Mada" - } - }, - { - "value": "Tajawal", - "label": { - "ar": "Tajawal", - "en": "Tajawal" - } - }, - { - "value": "Almarai", - "label": { - "ar": "Almarai", - "en": "Almarai" - } - }, - { - "value": "El+Messiri", - "label": { - "ar": "El Messiri", - "en": "El Messiri" - } - }, - { - "value": "Lalezar", - "label": { - "ar": "Lalezar", - "en": "Lalezar" - } - }, - { - "value": "Scheherazade", - "label": { - "ar": "Scheherazade", - "en": "Scheherazade" - } - }, - { - "value": "Lemonada", - "label": { - "ar": "Lemonada", - "en": "Lemonada" - } - }, - { - "value": "Markazi+Text", - "label": { - "ar": "Markazi", - "en": "Markazi" - } - }, - { - "value": "Lateef", - "label": { - "ar": "Lateef", - "en": "Lateef" - } - }, - { - "value": "Reem+Kufi", - "label": { - "ar": "Reem Kufi", - "en": "Reem Kufi" - } - }, - { - "value": "IBM+Plex+Sans+Arabic", - "label": { - "ar": "IBM Arabic", - "en": "IBM Arabic" - } - }, - { - "value": "Harmattan", - "label": { - "ar": "Harmattan", - "en": "Harmattan" - } - }, - { - "value": "Mirza", - "label": { - "ar": "Mirza", - "en": "Mirza" - } - }, - { - "value": "Rakkas", - "label": { - "ar": "Rakkas", - "en": "Rakkas" - } - }, - { - "value": "Katibeh", - "label": { - "ar": "Katibeh", - "en": "Katibeh" - } - }, - { - "value": "Scheherazade+New", - "label": { - "ar": "Scheherazade New", - "en": "Scheherazade New" - } - }, - { - "value": "Aref+Ruqaa", - "label": { - "ar": "Aref Ruqaa", - "en": "Aref Ruqaa" - } - }, - { - "value": "Qahiri", - "label": { - "ar": "Qahiri", - "en": "Qahiri" - } - }, - { - "value": "Jomhuria", - "label": { - "ar": "Jomhuria", - "en": "Jomhuria" - } - }, - { - "value": "Kufam", - "label": { - "ar": "Kufam", - "en": "Kufam" - } - }, - { - "value": "Vibes", - "label": { - "ar": "Vibes", - "en": "Vibes" - } - }, - { - "value": "Noto+Kufi+Arabic", - "label": { - "ar": "Noto Kufi", - "en": "Noto Kufi" - } - }, - { - "value": "Noto+Naskh+Arabic", - "label": { - "ar": "Noto Naskh", - "en": "Noto Naskh" - } - }, - { - "value": "Noto+Sans+Arabic", - "label": { - "ar": "Noto Sans", - "en": "Noto Sans" - } - }, - { - "value": "Noto+Nastaliq+Urdu", - "label": { - "ar": "Noto Nastaliq Urdu", - "en": "Noto Nastaliq Urdu" - } - } - ], - "default": "Changa" - } - } - } + + + {% if store.editing_mode %} + + {% endif %} + + + + {% block top_body %}{% endblock %} + +
+
{% block header %}{% endblock %} +
+
{% block main_content %}{% endblock %} +
+
{% block footer %}{% endblock %} +
+ {% block footer_sticky %}{% endblock %} +
+ + {{ zidapi_script|raw }} + + + + + + + + + + + + + + + + + {% block footer_scripts %}{% endblock %} + + + + + + + {% schema %} + { + "colors":{ + "name": { + "ar": "الالوان", + "en": "Colors" + }, + "icon": "fa fa-paint-brush", + "display": true, + "settings":{ + "header": { + "type": "fieldset", + "label": { + "ar": "رأس الصفحة", + "en": "Header" + }, + "icon": "font_awesome", + "expandable": true, + "settings": { + "background_color": { + "type": "color", + "label": { + "ar": "لون الخلفية", + "en": "Background color" + } + }, + "text_color": { + "type": "color", + "label": { + "ar": "لون النص", + "en": "Text color" + } + }, + "menu_background_color": { + "type": "color", + "label": { + "ar": "لون خلفية القائمة الرئيسية (اختياري)", + "en": "Menu color" + } + }, + "menu_text_color": { + "type": "color", + "label": { + "ar": "لون نص القائممة الرئيسية (اختياري)", + "en": "Text color" + } + } + } + }, + "footer": { + "type": "fieldset", + "label": { + "ar": "اسفل الصفحة", + "en": "Header" + }, + "icon": "font_awesome", + "expandable": true, + "settings": { + "background_color": { + "type": "color", + "label": { + "ar": "لون الخلفية", + "en": "Text color" + } + }, + "text_color": { + "type": "color", + "label": { + "ar": "لون النص", + "en": "Text color" + } + } + } + }, + "background": { + "type": "fieldset", + "label": { + "ar": "الخلفية", + "en": "Background" + }, + "icon": "font_awesome", + "expandable": true, + "settings": { + "image": { + "type": "image", + "label": { + "ar": "الصورة", + "en": "Logo" + }, + "info": { + "ar": "ارفع صورة بحجم 150 * 150 ", + "en": "This is an info text sample here" + } + } + } + } + } + }, + "fonts":{ + "name": { + "ar": "الخطوط", + "en": "fonts" + }, + "icon": "fa fa-font", + "display": true, + "settings": { + "name": { + "type": "select", + "label": { + "ar": "اسم الخط", + "en": "Font name" + }, + "options": [ + { + "value": "Changa", + "label": { + "ar": "Changa", + "en": "Changa" + } + }, + { + "value": "Cairo", + "label": { + "ar": "Cairo", + "en": "Cairo" + } + }, + { + "value": "Amiri", + "label": { + "ar": "Amiri", + "en": "Amiri" + } + }, + { + "value": "Mada", + "label": { + "ar": "Mada", + "en": "Mada" + } + }, + { + "value": "Tajawal", + "label": { + "ar": "Tajawal", + "en": "Tajawal" + } + }, + { + "value": "Almarai", + "label": { + "ar": "Almarai", + "en": "Almarai" + } + }, + { + "value": "El+Messiri", + "label": { + "ar": "El Messiri", + "en": "El Messiri" + } + }, + { + "value": "Lalezar", + "label": { + "ar": "Lalezar", + "en": "Lalezar" + } + }, + { + "value": "Scheherazade", + "label": { + "ar": "Scheherazade", + "en": "Scheherazade" + } + }, + { + "value": "Lemonada", + "label": { + "ar": "Lemonada", + "en": "Lemonada" + } + }, + { + "value": "Markazi+Text", + "label": { + "ar": "Markazi", + "en": "Markazi" + } + }, + { + "value": "Lateef", + "label": { + "ar": "Lateef", + "en": "Lateef" + } + }, + { + "value": "Reem+Kufi", + "label": { + "ar": "Reem Kufi", + "en": "Reem Kufi" + } + }, + { + "value": "IBM+Plex+Sans+Arabic", + "label": { + "ar": "IBM Arabic", + "en": "IBM Arabic" + } + }, + { + "value": "Harmattan", + "label": { + "ar": "Harmattan", + "en": "Harmattan" + } + }, + { + "value": "Mirza", + "label": { + "ar": "Mirza", + "en": "Mirza" + } + }, + { + "value": "Rakkas", + "label": { + "ar": "Rakkas", + "en": "Rakkas" + } + }, + { + "value": "Katibeh", + "label": { + "ar": "Katibeh", + "en": "Katibeh" + } + }, + { + "value": "Scheherazade+New", + "label": { + "ar": "Scheherazade New", + "en": "Scheherazade New" + } + }, + { + "value": "Aref+Ruqaa", + "label": { + "ar": "Aref Ruqaa", + "en": "Aref Ruqaa" + } + }, + { + "value": "Qahiri", + "label": { + "ar": "Qahiri", + "en": "Qahiri" + } + }, + { + "value": "Jomhuria", + "label": { + "ar": "Jomhuria", + "en": "Jomhuria" + } + }, + { + "value": "Kufam", + "label": { + "ar": "Kufam", + "en": "Kufam" + } + }, + { + "value": "Vibes", + "label": { + "ar": "Vibes", + "en": "Vibes" + } + }, + { + "value": "Noto+Kufi+Arabic", + "label": { + "ar": "Noto Kufi", + "en": "Noto Kufi" + } + }, + { + "value": "Noto+Naskh+Arabic", + "label": { + "ar": "Noto Naskh", + "en": "Noto Naskh" + } + }, + { + "value": "Noto+Sans+Arabic", + "label": { + "ar": "Noto Sans", + "en": "Noto Sans" + } + }, + { + "value": "Noto+Nastaliq+Urdu", + "label": { + "ar": "Noto Nastaliq Urdu", + "en": "Noto Nastaliq Urdu" + } + } + ], + "default": "Changa" + } + } + } + } + {% endschema %} + diff --git a/modules/brands_section.twig b/modules/brands_section.twig new file mode 100644 index 0000000..64d48c7 --- /dev/null +++ b/modules/brands_section.twig @@ -0,0 +1,225 @@ +
+
+
+
+

+ {{ settings.title }} +

+

+ {{ settings.description }} +

+
+
+ +
+
+
+
+ +
+
+ +
+ + {% for item in settings.brands %} +
+
+ {{item.name}} +
+
+ {% endfor %} + + {#
Slide 2
+
Slide 3
+ ... #} +
+ + + + + +
+
+ + +
+ +
+ + + + + + + + + + + + + + + + +{% schema %} + { + "name": { + "ar": "الماركات", + "en": "Brands" + }, + "display": true, + "settings": { + "color_section": { + "type": "color", + "label": { + "ar": "اختر لون القسم", + "en": "Choose Section Color" + } + }, + "title": { + "type": "text", + "label": { + "ar": "العنوان الرئيسي", + "en": "Main Title" + } + }, + "title_color": { + "type": "color", + "label": { + "ar": "اضافة لون العنوان", + "en": "Add Title Color" + } + }, + "description": { + "type": "text", + "label": { + "ar": "الوصف", + "en": "Description" + } + }, + "description_color": { + "type": "color", + "label": { + "ar": "اضافة لون للوصف", + "en": "Add Description Color" + } + }, + "brands": { + "type": "list", + "noLabel": true, + "settings": { + "name": { + "type": "text", + "label": { + "ar": "اسم الماركة", + "en": "Brand Name" + } + }, + "brand_color": { + "type": "color", + "label": { + "ar": "اختر لون البراند", + "en": "Choose Brand Color" + } + } + } + } + } + } + {% endschema %} \ No newline at end of file diff --git a/modules/discount-section.twig b/modules/discount-section.twig new file mode 100644 index 0000000..698b6c7 --- /dev/null +++ b/modules/discount-section.twig @@ -0,0 +1,184 @@ +
+
+
+
+

+ {{ settings.title }} +

+

+ {{ settings.description }} +

+
+ + {{ settings.buttonText }} + +
+
+ {% if not settings.enablebackground %} +
+ +
+ {% endif %} +
+
+
+ + + +{% schema %} +{ + "name": { + "ar": "تخفيضات", + "en": "Discounts" + }, + "display": true, + "settings": { + "title": { + "type": "text", + "label": { + "ar": "العنوان الرئيسي", + "en": "Main Title" + } + }, + "title_color": { + "type": "color", + "label": { + "ar": "اضافة لون العنوان", + "en": "Add Title Color" + } + }, + "description": { + "type": "text", + "label": { + "ar": "الوصف", + "en": "Description" + } + }, + "description_color": { + "type": "color", + "label": { + "ar": "اضافة لون للوصف", + "en": "Add Description Color" + } + }, + "discountImage": { + "type": "image", + "label": { + "ar": "اضافة صورة", + "en": "Add Image" + } + }, + "enablebackground": { + "type": "checkbox", + "label": { + "ar": "تفعيل صورة الخلفية", + "en": "Enable Background Image" + }, + "default": false + }, + "buttonText": { + "type": "text", + "label": { + "ar": "اضافة نص", + "en": "Add Text" + } + }, + "buttonUrl": { + "type": "url", + "label": { + "ar": "اضافة رابط", + "en": "Add URL" + } + }, + "buttonColor": { + "type": "color", + "label": { + "ar": "اضافة لون الزر", + "en": "Add Button Color" + } + }, + "sectionColor": { + "type": "color", + "label": { + "ar": "اضافة لون القسم", + "en": "Add Section Color" + } + } + } +} +{% endschema %} diff --git a/modules/models_section.twig b/modules/models_section.twig new file mode 100644 index 0000000..57ee4f5 --- /dev/null +++ b/modules/models_section.twig @@ -0,0 +1,201 @@ +{% set isVideo = settings.videoOrGifUrl matches '/\.(mp4|webm|ogg)$/i' %} + {% set isGif = settings.videoOrGifUrl matches '/\.gif$/i' %} + +
+
+
+
+ {% if isVideo %} + + {% endif %} + +
+
+

{{ settings.model_brand }}

+
+

{{ settings.title }}

+

{{ settings.description }}

+ + {{ settings.buttonText }} + +
+
+
+
+
+ + + +{% schema %} +{ + "name": { + "ar": "موديل ", + "en": "Models section" + }, + "display": true, + "settings": { + "title": { + "type": "text", + "label": { + "ar": "العنوان الرئيسي", + "en": "Main Title" + } + }, + "title_color": { + "type": "color", + "label": { + "ar": "اضافة لون العنوان", + "en": "Add Title Color" + } + }, + "description": { + "type": "text", + "label": { + "ar": "الوصف", + "en": "Description" + } + }, + "description_color": { + "type": "color", + "label": { + "ar": "اضافة لون للوصف", + "en": "Add Description Color" + } + }, + "model_brand": { + "type": "text", + "label": { + "ar": "اسم البراند", + "en": "Brand Name" + } + }, + "model_brand_color": { + "type": "color", + "label": { + "ar": "لون اسم البراند", + "en": "Brand color" + } + }, + "videoOrGifUrl": { + "type": "url", + "label": { + "ar": "رابط الفيديو أو GIF", + "en": "Video or GIF URL" + } + }, + "buttonText": { + "type": "text", + "label": { + "ar": "اضافة نص", + "en": "Add Text" + } + }, + "buttonUrl": { + "type": "url", + "label": { + "ar": "اضافة رابط", + "en": "Add URL" + } + }, + "buttonColor": { + "type": "color", + "label": { + "ar": "اضافة لون الزر", + "en": "Add Button Color" + } + }, + "sectionColor": { + "type": "color", + "label": { + "ar": "اضافة لون القسم", + "en": "Add Section Color" + } + } + } +} +{% endschema %}