Tips and Tricks WP eCommerce

eCommerce Solution for WordPress Blog

  • Home
  • eCommerce Plugins
  • WP eStore Documentation
  • WP Shopping Cart Doc

NextGen Gallery – Stacking More Product Boxes Side by Side

In the sell-photos-from-wordpress-site tutorial you learned how to sell your photos using NextGen Gallery and Simple PayPal Shopping Cart. In this tutorial I will show you how you can stack more product boxes side by side.

The following screenshot displays the products with the Add to Cart button in a NextGen gallery. In this example it created a two columns layout. But you may want to have three or more columns (depending on your design needs).

gallery-product-boxes-default

Setup Steps

Step 1: Create Your Custom Code

The plugin has the following class “ngg-gallery-thumbnail-box” that allows you to customize the displayed thumbnail box. In the following example 30% was added to the width tag so 3 product boxes can stack side by side.

Note: You may have to adjust this value to fit your width.

Custom Style Code:

.ngg-gallery-thumbnail-box {
float: left;
margin-right: 5px;
width: 30%;
}

Step 2: Add Your Custom Code

NextGen plugin has an area that allows you to add custom CSSĀ code.

Go to Gallery -> Other Options -> Styles click on (Show Customize Options) link.

Make sure you save your changes.

adding-custom-css-code

The following screenshot displays three images aligned next to each other in the gallery.

gallery-product-boxes-with-more-columns

In the above example only three columns were created. You can have more columns if you want, just change the width percentage to a smaller number.

 

Filed Under: Additional Guidance, WordPress Shopping Cart Tagged With: NextGen Gallery, sell nextgen images, sell photo wordpress, sell photos, wordpress sell photo

Sell Photos From WordPress Site Using Free Plugins

You have got a WordPress site and you want to sell photos from your WordPress site for free? In this tutorial I will cover how you can sell photos from your WordPress site for free.

The following screenshot show what we will be creating to sell the photos.

sell photos wordpress site

Setup Steps

Video Tutorial

Step 1: Install the NextGen Gallery Plugin

Download and install the NextGen gallery plugin.

Step 2: Install the simple WP shopping cart plugin

Download and install the free simple WP shopping cart plugin.

Step 3: Create Your Photo Gallery

  • If you haven’t created a photo selling gallery already, then go to the add new gallery menu under the NextGen Gallery plugin and upload your photos.
  • Go to the Manage Gallery menu and edit the gallery that you want to use to sell photos.
  • Add the following in the “Alt & Title Text/Description” area of each photo (adjust the name and price for each of the photos).
Photo 1
Price: $19.95
[wp_cart_button name=”My Photo 1″ price=”19.95″]

Step 4: Create Your Photo Selling Page

Create a WordPress page and insert the following shortcode in this page to show your photos to the site visitors.

Your users will be able to browse your photos then buy the one that they like. After the purchase, you simply ship the photo to your customer’s address:

[nggallery id=1 template=”wp-cart”]

In the above example, 1 is the gallery ID. You will need to use the correct gallery ID for your photo gallery.

We also have a premium plugin just for selling photos.

Filed Under: WordPress Shopping Cart Tagged With: sell photo wordpress, sell photos, sell photos wordpress, wordpress sell photo, WP Shopping Cart

Your Shopping Cart

Shopping Cart Empty
Shopping Cart is Empty
Visit The Shop

Search

Featured Documents

Stylish Product Display Options for WP eStore WP eStore Quick Setup and Usage Video Tutorial WP eStore Shortcodes and Functions Reference WordPress eStore Plugin Features WordPress eStore Plugin Demo What Our Customers Have to Say About Our Products WordPress eStore WishList (Feature Suggestions) WordPress eStore Frequently Asked Questions (FAQ) How to Show Add to Cart buttons

Featured Plugins

wordpress_estore_icon
wordpress membership plugin icon
WordPress PDF Stamper Plugin
WordPress Affiliate Link Manager Plugin
wordpress_affiliate_plugin_icon

Copyright © 2021 | eCommerce Plugins