How to Install Shopping Cart

Step 1. Upload folder to server, WP-Content >> Plugins directory…

After you have downloaded your .zip folder, extract it and it will make a new folder for you (without the ‘zip’). Use that folder as reference to upload.

Your FTP (we recommend Filezilla) software window will look something like this:

Step1_FTP_WPShoppingCart

Step A:

Gallery Modification is needed:

The Shopping Cart uses a  custom template file for the NextGen gallery to display the shop:

1. Download the WP eStore template file for NextGen Gallery from here.
2. Unzip and upload the ‘gallery-wp-eStore.php’ file to the ‘view’ folder of the NextGen gallery plugin directory (nextgen-gallery/view/gallery-wp-eStore.php).

Step1A_FTP_templateNote: What Happens When You Upgrade the NextGen Gallery Plugin?

After you upgrade the NextGen Gallery, you need to put the WP eStore Template file back in the ‘view’ directory (nextgen-gallery/view) and all done.

This is because, when upgrading, WordPress completely deletes the folder of the plugin that is being upgraded then downloads the new version. So the previously uploaded WP eStore template file gets deleted in the process.

Step 2. Activate Plugin in Wordpress Dashboard…

Step2_ActivateShop

Step 3. Create Gallery of Prints for Sale…

Step3_NameUpload

Step 4: Customize Shopping Cart Settings…

Step4_ShopSettings

Step 5: Add ‘Add to Cart’ short-code to ‘Prints for Sale’ Gallery in Gallery >> Manage Gallery >> ‘Prints for Sale’

Step5_ProductSettings

Use this code to help you input your short-code, customize it as applies to your products (copy & paste):

NAME - SIZE<br/>

$NUMBER<br/>

[wp_cart:NAME&SIZE:price:NUMBER:end]

Step 6: Create page for Gallery of ‘Prints for Sale’ and page for ‘Shopping Cart’…

Step6_CreateShopPage

Go to Page >> ‘add new’ and create your ‘Prints’ / ‘Prints for Sale’ page. Insert your gallery and add to the gallery short-code, template=wp-eStore as shown in example image [above].

Next, create another page called ‘Shopping Cart’ to display products that are added to the cart. When editing the Shopping Cart Page, make sure you’re in HTML view, like this:

Step6A_CreateShopPage

Add the following code to the page and then Publish:

<!–show-wp-shopping-cart–>

Note: Add ‘Shopping Cart’ as a child to ‘Prints’ and if you’d like to make sure it doesn’t show up in your navigation you’ll want to download this plugin: Exclude Pages, install it, then activate it, and then go back into the ‘Page >> edit >> Shopping cart’ and below where you set to make the page a child scroll down a bit more and you’ll be able to deselect  under ‘Exclude Pages’ >> ‘Include this page in user menus’.

You’re Done!

The end result should look something like this: View Live Demo