Loading..

Can I sell photos directly from my website when using a Photocrati theme? YES.

Photocrati Gallery now has an eCommerce option, learn how to add your shopping cart using Photocrati Gallery – eCommerce: click here!

If you wish to use NextGEN as your Gallery system, we suggest this easy-to-use shopping cart to sell your prints online. All payments are processed through Paypal.com. Your readers just click the ‘add to cart’ button while browsing your images. When they are ready to check out, they click on their shopping cart and proceed to payment at Paypal! With a Paypal account, you CAN accept credit card payments with no extra steps.

This shopping cart is based on the easy-to-use Simple Paypal Shopping Cart WordPress plugin.

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:

PLEASE NOTE: this plugin requires the installation of the NextGEN Gallery Plugin

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

Note: 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…

Step 3. Create Gallery of Prints for Sale…


Step 4: Customize Shopping Cart Settings…


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


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’…

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:

Add the following code to the page and then Publish:

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

To have a message that directs visitors to the prints page when the cart is empty, use this code instead:

[show_wp_shopping_cart]

Search for the following line in the “wp_shopping_cart.php” file:

if (cart_not_empty())

Delete that line once you find it and that should do it.

Read more custom options here.

Note: If you’d like to make sure it doesn’t show up in your navigation you’ll want to create a custom menu and exclude the page from your menu. Or to make sure it’s always visible, skip the step of excluding the Shopping Cart page in your custom menu, and add it where you wish it to appear in your custom menu.

IMPORTANT!

To help your Supertheme display your shopping cart products correctly, add the below code to your Custom CSS section of your theme upgrade (under Theme Options >> Other Options > Custom CSS):

.ngg-gallery-thumbnail-box {
float: left;
width: 150px;   <—- this is dependent on how large your thumbnails are. Adjust as necessary until it looks good. This is with a thumbnail of 90×90
height: 210px; <—–
this is dependent on how large your thumbnails are. Adjust as necessary until it looks good. This is with a thumbnail of 90×90
}

.ngg-gallery-thumbnail-box span {
display: block;
clear: both;
text-align: left;
}

Currently until we create a more compatible fix for the WP Simple Paypal shopping cart plugin – this style change will affect all your galleries.

WP-Super-Cache Users: Please read this helpful tutorial created by the Plugin Developer. A few lines to add are needed to help your shopping cart work effectively.

You’re Done!

*For more tips & tricks, read more information here.

Please note:

*These plugins we are suggesting  are not aggressively tested by us daily. If you come across any errors while using these – please first, contact their developer, and then notify us so we may either remove it from our list or update this page. Thank you!