LuckyMarble / i3dthemes: Wordpress 'Theme' Tutorials

The product catalog is created in the Manage Product Catalog panel. This is the first step, the second step is to 'insert' the product catalog into a web page. The catalog can be inserted into 'any' web page.

To create a new product listing for your catalog, begin by uploading your product images: (skip the next step if you've already uploaded your product images)

click on the 'Add New' button, listed under the 'Image Library' side panel

clicking the 'Add New' button will take you to the ( Upload New Media ) panel. Upload your product image files.

*** NOTE: the catalog will display your image as a thumbnail. The thumbnail is generated by the system, you do not need to resize your image, this is done for you, automatically. When a visitor clicks on the 'thumbnail' the original image is displayed for them at full size. So what ever size image you upload and 'resize' is what your visitors will be seeing when they click on the thumbnail.

once your product images have been uploaded, scroll down the 'Image Library' list on the right, find your first product image, and click on that image to load it into the 'Product Catalog' panel

scroll back to the top of the page, and you'll see your image has been loaded and ready for 'editing'

now enter the ( Name ) + ( Price ) + ( Description )

Generating Button Code

the 'Button Code' box provides an area for you to paste your PayPal button code, or any HTML generated ( linked ) type of 'Buy Now' button.

** NOTE: to create your 'button code', log into your PayPal account, click on the Merchant Services tab, and click on either the 'Buy Now button' link, or the 'Add to Cart button' link ....

** NOTE: To learn more about creating PayPal buttons, you will need to learn from the PayPal website as the information can change at any time and it is beyond the scope of these instructions to provide details on working with 3rd party solutions such as PayPal or other merchant services. PayPal provides a straight forward user 'Interface' and tutorials and instructions that are up to date.

( EXAMPLE ONLY ) .. log into your PayPal account
click on the 'Merchant Services' tab
click on the 'Buy Now button' or the 'Add to Cart button' as in the above example
follow the steps for creating your product button in PayPal
once complete, click on the 'Generate Button' button at the bottom of the page
at some point in the process you'll find yourself on the 'button code' page, or a page displaying the 'html code' to copy and then 'paste' into the 'Button Code' box
be carefull to follow the instructions for copying the code, this can change at any time but here's an example of what the 'button code' page might look like

paste the 'button code' into the 'Button Code' box on your 'Manage Product Catalog' panel

repeat the process for the next product, and continue until all our products have been added to the 'catalog'

Inserting the Catalog 'module' into a web page

to create a new page, click on the 'Pages' menu >> 'Add New' menu and create a new page
to add the 'Catalog' module to an existing page, click on the 'Pages' menu >> 'Edit' to open the 'Edit Pages' list
- click on the 'Page' you want to add the 'catalog' module to

the default 'Catalog' page may already have the catalog module inserted
open the page for editing, and look for the [catalog] insertion

if you are adding this to a page other than the 'catalog' page, or the 'catalog' module is not already inserted just

first thing to do is insert any content you want displayed along with your 'catalogs' listings

then just click on the area where you want the 'catalog' listing to be displayed
then click on the 'P' icon to insert the 'catalog' module

you should see the [catalog] module link displayed now

click on the 'Preview Changes' button to view the 'catalog' page in your web browser

providing all looks good, click on the 'Publish' or 'Update' button ( if a page has already been published, the button will display as 'Update' )
please read the disclaimer below

PayPal Button Support and Disclaimer

** DISCLAIMER ** : It's important to know that we do support our products .. however, creating the button code, or working with any 3rd party solutions ( such as a Merchant Service Provider ) is outside the scope of what we can support... The website that 'creates' the button code, would be the subject matter experts and best troubleshooting source. We just provide the 'platform' to insert the button codes, how to create them, and how to change them is something the provider of that code would need to answer...WE have provided a couple of screenshots to give you a general idea of the steps to creating the product button code through a PayPal account. Your actual PayPal account page may not look the same as these screenshots. These are only examples, learning how to create the 'button code' is something you'll need to learn through your Merchant Service providers website ( Such as PayPal ) .. it's important to note that Luckymarble does not support or provide any support regarding PayPal, generating buttons via PayPal, or any other Merchant Service provider. The Catalog is a feature of the template, and the 'Manage Product Catalog' panel provides an 'html' box where you can 'paste' your html button code. LuckyMarble does not support the creation or function of these buttons. You will need to contact your Merchant Service provider for detailed information on 'creating buttons' and any problems you may encounter through the use of such buttons.

Continue to Exercise 4-5: Working with Sidebars and Widgets