Drag and drop images

ViArt User's Guide (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. Managing Products

6.1. Zoom In tool

6.2. Mobile Version

6.3. Ajax to add products

6.4. Stock Level for options

6.5. Keywords Search

6.6. Multi-Add button (add to cart multiple products)

6.7. Drag and drop images

6.8. Product Custom Tabs

7. Managing Orders

7.1. Front-end Call Center

7.2. Sales Discount coupon

7.3. 'Order Approver' Privileges

7.4. Saved Cart

7.5. Shipping Calculator

7.6. Countries Phone Codes

7.7. 'Re-Order' button

7.8. Match User and Order profile custom fields

7.9. Currency Exchange Rates

7.10. Invoice Numbers

7.11. Multi-Shipping

7.12. One Page Checkout

7.13. Coupons with Affiliate Characteristics

7.14. Zip Codes in Shipping Methods

7.15. Address Book

8. Managing Layout

8.1. Change Block Titles in CMS

8.2. Blocks and Frames settings

8.3. How to add a new design

8.4. CMS Layouts

8.5. Build in blocks

8.6. Time Periods in blocks

8.7. Facebook Live Feed

8.8. Table View products list

8.9. META data in CMS

8.10. Currency Converter block

8.11. Add to Cart Pop-up Frame

9. Managing Helpdesk

9.1. What is ViArt HelpDesk

9.2. Installing HelpDesk on localhost

9.3. Email Parser Installation

9.3.1. Piping Preface

9.3.2. Piping on Unix

9.3.2.3. Sendmail

9.3.2.4. Postfix

9.3.3. Piping on PLESK (PSA)

9.3.4. Piping on cPanel

9.4. Online Chat

9.5. Helpdesk Replies on the fly

10. Advanced Modules

10.1. Email Campaigns

10.2. Export Templates

10.4. Resize Images tool

10.5. XML import

10.6. Internal Messaging System

10.7. Contact Us form

11.1. Two-Factor Authentication

11.2. PCI compliance

11.3. PCI information for storing credit cards

11.4. Cookies Control

12. Payment Systems

12.1. How to setup a Payment System

12.2. The List of supported Payment Methods

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

12.2.1.2. PayPal Express Checkout

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

12.3. Integrate a new Payment System

12.4. Recurring Payments

13. Custom work specification

Manuals Search

Manuals Search

6.7. Drag and drop images

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