Component
1 الشعارات
Recommended size
200px * 200px
Accepted file format
JPG و PNG ولكن يفضل استخدام صيغة PNG
*ملاحظات : يجب ترك هوامش حول التصميم لا تقل عن 15 بيكسل من كل الجوانب لضمان ظهور التصميم بشكل سليم
Possible usage
يمكن استخدامه لعرض العلامات التجارية المتوفرة بالمتجر أو الخدمات المميزة لديه
Example
Component
2 Slideshow
Recommended size
Accepted file format
JPG
Possible usage
Promotions , new arrivals , sliding automatically every 5s.
Max 4 slides with optional heading and subheading
Example
Component
3 Image with text overlay
Recommended size
1800px * 350px
Accepted file format
JPG
Possible usage
1 image only with optional heading, subheading, button
Example
Component
4 Categories thumbnail
Recommended size
250px * 250px
Accepted file format
JPG
Possible usage
Could be in any shape if the background is white or transparent
Example
Component
5 Product images
Recommended size
Width and height must not exceed 2048px
resolution must not exceed 72 px/in
Accepted file format
PNG or JPG ... JPG is better
Maximum 10 images
Possible usage
Showing product details, packaging and anything that might motivate customer to buy it
Example
Component
6 Category thumbnail
Recommended size
900px * 800px
Accepted file format
JPG
Example
Component
Store Description Thumbnail7
Recommended size
1800px * 220px
Accepted file format
JPG
Example
Illustration of safe area for slideshow design: the light area should have the content if the image have any. :
Utilities
Utilities: https://images.google.com/ – Google Image An excellent source of help to find product images, especially when you customize your search to the exact image size or size. * Please check the image rights before using it in your store. (Preferably in English for better results)
1. Find images of a specific size
2. Find images with high resolution
بهذه الأدوات ستستغني عن الفوتوشوب في معظم احتياجاتك:
- https://imageblur.io/ : Blur image effect
- https://www.screely.com/ : Set the background of the image
- https://addtext.com/ : Add text over image
- https://birme.net/ : Modify images in batches
- https://compressjpeg.com/ : Reduce image size while maintaining accuracy
