Drag and drop images

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.1. Custom pages

6.2. Custom blocks

6.3. Opinion Polls

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.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.4. Resize Images tool

11.5. XML import

11.6. Internal Messaging System

11.7. Contact Us form

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.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

Manuals Search

Manuals Search

7.7. Drag and drop images

7.7. Drag and drop images

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.