Overview
A visually compelling storefront builds immediate trust with shoppers. StoreYug allows you to upload custom brand visuals with an interactive image cropper, live mobile preview mockup, and built-in photo optimization.
🎨 Live Visual Preview: In the Branding & Social tab, a real-time mobile preview shows exactly how your cover photo, circular logo, and store name appear together before saving.
Uploading & Cropping Your Cover Banner
- Navigate to Store Settings > Branding & Social tab.
- In the live preview container, click on the Cover Photo area (or the camera icon in its top-right corner).
- Select your banner image from your computer or phone (JPG, PNG, or WebP up to 15 MB).
- The image adjustment window opens automatically:
- Drag the rectangular crop frame to position your banner.
- Use the Rotate Left / Rotate Right buttons to adjust orientation.
- Use Zoom In / Zoom Out to scale your photo cleanly.
- Click Apply Crop to load the adjusted image into your live preview.
Uploading & Cropping Your Store Logo
- In the preview container, click the circular Logo area (or the camera badge).
- Select your square brand mark, shop emblem, or profile photo.
- Position your logo within the circular boundary guidelines and click Apply Crop.
- Your circular logo immediately displays overlapping the banner, just like on social media profiles.
Automatic Image Optimization
StoreYug automatically optimizes your uploaded images for fast loading on mobile phones without losing visual clarity:
- Images are resized and compressed for quick page loads even on cellular networks.
- If you haven't uploaded a logo yet, StoreYug automatically displays a clean avatar with your store's initials.
ℹ️ Image Update Frequency: To ensure optimal performance, image updates can be made up to 10 times every 15 minutes.
- Once you are happy with the preview, click Save Branding at the bottom of the page.