Notice: Use of undefined constant MANUALS_TITLE - assumed 'MANUALS_TITLE' in /var/extra/public_html/manuals_article_details.php on line 27

Notice: Use of undefined constant MANUALS_TITLE - assumed 'MANUALS_TITLE' in /var/extra/public_html/blocks/block_manuals_breadcrumb.php on line 26

Notice: Use of undefined constant MANUALS_SEARCH_IN_FIRST_VARIANT - assumed 'MANUALS_SEARCH_IN_FIRST_VARIANT' in /var/extra/public_html/blocks/block_manuals_search.php on line 21

Notice: Undefined variable: meta_title in /var/extra/public_html/blocks/block_manuals_article_details.php on line 51
Drag and drop images
Menu
Our site www.viart.com is operated by latest Viart Shop 5.8.28 with default Clear design
Viart Manual (Version 4,5)
1. About ViArt Shop
1.1. What is ViArt Shop?
1.2. Features List
1.3. All about ViArt Software licenses
1.4. Release Notes
2. Installation
2.1. Necessary prerequisites
2.2. Installation procedure
2.3. License activation process
3. Version Upgrade
3.1. Upgrade step by step
3.2. Upgrade peculiarities for some versions
3.3. Upgrade FAQ
3.4. Upgrade Rollback
4. Getting started
4.1. How to Change Site Logo
4.2. How to Remove Demo Products
4.3. How to Change Active Scheme
4.4. Basic settings to manage site pages
4.5. Activating Friendly URLs
5. System Settings
5.1. Global Settings
5.2. Static messages
5.3. Static tables
5.4. "Offline" mode
6. ViArt CMS
6.1. Custom pages
6.2. Custom blocks
6.3. Opinion Polls
6.4. Banners
7. Managing Products
7.1. Zoom In tool
7.2. Mobile Version
7.3. Ajax to add products
7.4. Stock Level for options
7.5. Keywords Search
7.6. Multi-Add button (add to cart multiple products)
7.7. Drag and drop images
7.8. Product Custom Tabs
8. Managing Orders
8.1. Front-end Call Center
8.2. Sales Discount coupon
8.3. 'Order Approver' Privileges
8.4. Saved Cart
8.5. Shipping Calculator
8.6. Countries Phone Codes
8.7. 'Re-Order' button
8.8. Match User and Order profile custom fields
8.9. Currency Exchange Rates
8.10. Invoice Numbers
8.11. Multi-Shipping
8.12. One Page Checkout
8.13. Coupons with Affiliate Characteristics
8.14. Zip Codes in Shipping Methods
8.15. Address Book
9. Managing Layout
9.1. Change Block Titles in CMS
9.2. Blocks and Frames settings
9.3. How to add a new design
9.4. CMS Layouts
9.5. Build in blocks
9.6. Time Periods in blocks
9.7. Facebook Live Feed
9.8. Table View products list
9.9. META data in CMS
9.10. Currency Converter block
9.11. Add to Cart Pop-up Frame
10. Managing Helpdesk
10.1. What is ViArt HelpDesk
10.2. Installing HelpDesk on localhost
10.3. Email Parser Installation
10.3.1. Piping Preface
10.3.2. Piping on Unix
10.3.2.1. Qmail
10.3.2.2. Exim
10.3.2.3. Sendmail
10.3.2.4. Postfix
10.3.3. Piping on PLESK (PSA)
10.3.4. Piping on cPanel
10.4. Online Chat
10.5. Helpdesk Replies on the fly
11. Advanced Modules
11.1. Email Campaigns
11.2. Export Templates
11.3. CKEditor
11.4. Resize Images tool
11.5. XML import
11.6. Internal Messaging System
11.7. Contact Us form
11.8. New
12. Security
12.1. Two-Factor Authentication
12.2. PCI compliance
12.3. PCI information for storing credit cards
12.4. Cookies Control
13. Payment Systems
13.1. How to setup a Payment System
13.2. The List of supported Payment Methods
13.2.1. PayPal
13.2.1.1. PayPal Payments Standard
This section describes how to setup PayPal Website Payments Standard for your ViArt shopping cart. Please, carefully follow all the instructions below.
13.2.1.2. PayPal Express Checkout
13.2.1.3. PayPal Payments Pro
This section describes how to setup PayPal Website Payments Pro for your ViArt shopping cart. Please, carefully follow all the instructions below.
13.3. Integrate a new Payment System
13.4. Recurring Payments
14. Custom work specification
7.7. Drag and drop images
7.7. Drag and drop images
Prev Index Next

Images & Appearance tab on Edit Product page has a new user-friendly interface. Now with the help of ajax technology you can upload and resize multiple product images at the same time.

Settings:

  • Open Edit Product page and browse to Images & Appearance tab
  • Click on Add New Image button or the restangular bar with the arrow.
  • In the sliding bar specify image size if needed and either drag and drop files or click "Choose Files"

    • One Page Checkout

    Note, you can select as many images as you want, all of them will upload and resize simaltaniously.

  • When multiple image upload is started you will see the progress bar.

    • One Page Checkout

  • To edit an image, for example to specify Alt tag or change sorting order, click on the pencil icon in the images list.

One more image related option is Images Type: "Keep canvas ratio" or "Fit on canvas using background color". This option is selected in Settings > Products > Products Settings > "Images" tab. 'Keep canvas ratio' means keep default proportions and 'Fit on Canvas' - make all images the same size by filling empty space with background colour.
Prev Index Next