- Exercise 2.1: The Dashboard
- Exercise 3-2: Site Settings
- Exercise 3-3: Custom Logo's
- Exercise 3-4: Themed Object
- Exercise 4-1: Edit Page Panel
- Exercise 4-2: Adding Pages
- Exercise 4-3: Product Catalog
- Exercise 4-4: FAQs module
- Exercise 4-5: Sidebar Widget
- Exercise 4-6: Content Panel
- Exercise 5-1: Page Orders
- Exercise 6-1: Media Library
- Exercise 7-1: The Portfolio
- Exercise 7-2: Image Rotator
- Exercise 7-3: The MP3 Player
- Exercise 8-1: Learning to Blog
- Exercise 8-2: Editing the Blog
- Exercise 9-1: Authors Users
Section 4: Working with Pages
The product catalog tools allow you to create a catalog of products, where
each product can including:
- a product image
- buttons code ( for PayPal buttons, or any HTML payment
button code )
To start building your product catalog:
- click on the 'Settings' menu
- then click on the 'Product Catalog' menu
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
- 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
- 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 )
- 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
- ( 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'
- 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
- open the page for editing, and look for the [catalog]
- 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
** 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