Contents
  1. User Control
  2. Wheel Spacer Product Pricing
  3. Adding Wheel Spacer Slides
  4. Removing Wheel Spacer Slides
  5. Visual-Safe
  6. Visual-Unsafe
  7. Offroad Design Concepts Product Control
  8. Offroad Design Concepts Adding a Product
  9. Offroad Design Concepts Photo Galleries
  10. Offroad Design Concepts Background Slideshow

User Control

wheelspacers.ca control
wheelspacerusa.com control

User Control Password

  1. Open the “control/user_db_action.php” file on whichever site you wish to change the password for
  2. Change <password> from this line near the top: "$control_pass = '<password>'" to your password of choice

User site property
Remember that site must be exactly one of:

  • wheelspacers.ca
  • wheelspacerusa.com

Avoid changing a user’s site property. A conflict could occur.
Instead, delete the user from one site and add them to the other

Wheel Spacer Product Pricing

Bolt Hole Pattern Price control
Thread/Fastener Price control

Only one control site is required, since both sites share the same database for prices.

Wheel Spacer Product Pricing Password
Fill in the password to view/modify user information.

Changing the control password:

  1. Open the “wheelspacers.ca/control/ws_db_action.php” file on whichever site you wish to change the password for
  2. Change <password> from this line near the top: "$control_pass = '<password>'" to your password of choice

Adding Wheel Spacer Slides

Edit The Slideshow Page

  1. Log in to wp-admin and go to Pages
  2. Select Edit on the page with the slideshow
  3. Selecting Visual will break the code for the slideshow. If the page loaded with the Visual option, select HTML and refresh

Upload Your Image

  1. First you need to upload your image. Click Upload/Insert above the textarea
  2. Select a file from your computer to upload
  3. You can check what images you’ve uploaded by selecting the Gallery tab
  4. Uploaded images can be accessed by the post, and can be shown by the slideshow

Add Image to Slideshow

  1. Return to the editor
  2. Search for the line slideshow.play();
  3. Inserting slideshow.add_slide(<url>); before this line will add more slides
  4. You can find the image’s url by following the links:
  5. Upload/Insert -> Gallery -> Show
  6. Where Show is your image’s row in the gallery
  7. The url can be found in the Link URL field. Copy it.
  8. Now add this line before where the slideshow plays: slideshow.add_slide('<url>');
  9. Optionally you can add another parameter if you need the slide to link to a different image. This is useful if you want to link to a larger image:
    slideshow.add_slide('<url>', '<link>');

Note: Slide images must be 300px wide and 225px tall for them to fit.

Example

We want to add wp-content/uploads/2012/05/wswm3_small.jpg to the slideshow.

BEFORE:

slideshow.add_slide('wp-content/uploads/2012/05/wswm2_small.jpg',
                    'wp-content/uploads/2012/05/wswm2.jpg');
slideshow.add_slide('wp-content/uploads/2012/05/wswm1_small.jpg',
                    'wp-content/uploads/2012/05/wswm1.jpg');
slideshow.play();

AFTER:

slideshow.add_slide('wp-content/uploads/2012/05/wswm2_small.jpg',
                    'wp-content/uploads/2012/05/wswm2.jpg');
slideshow.add_slide('wp-content/uploads/2012/05/wswm1_small.jpg',
                    'wp-content/uploads/2012/05/wswm1.jpg');
slideshow.add_slide('wp-content/uploads/2012/05/wswm3_small.jpg');
slideshow.play();

Removing Wheel Spacer Slides

Edit The Slideshow Page

  1. Log in to wp-admin and go to Pages
  2. Select Edit on the page with the slideshow
  3. Selecting Visual will break the code for the slideshow. If the page loaded with the Visual option, select HTML and refresh

Remove Image from Slideshow

  1. Search for the line slideshow.play();
  2. Removing slideshow.add_slide(<url>); before this line will remove any slides

Example

We want to remove wp-content/uploads/2012/05/wswm3_small.jpg from the slideshow.

BEFORE:

slideshow.add_slide('wp-content/uploads/2012/05/wswm3_small.jpg',
                    'wp-content/uploads/2012/05/wswm3.jpg');
slideshow.add_slide('wp-content/uploads/2012/05/wswm2_small.jpg',
                    'wp-content/uploads/2012/05/wswm2.jpg');
slideshow.add_slide('wp-content/uploads/2012/05/wswm1_small.jpg',
                    'wp-content/uploads/2012/05/wswm1.jpg');
slideshow.play();

AFTER:

slideshow.add_slide('wp-content/uploads/2012/05/wswm2_small.jpg',
                    'wp-content/uploads/2012/05/wswm2.jpg');
slideshow.add_slide('wp-content/uploads/2012/05/wswm1_small.jpg',
                    'wp-content/uploads/2012/05/wswm1.jpg');
slideshow.play();

Visual-Safe

The following pages/posts are safe to edit in visual mode

Posts:
Your posts are visual safe

wheelspacers.ca Pages:

  • Distributor Registration
  • Home
  • Newz
  • Wheel Spacers
  • Installation Video
  • Contact
  • Adapters
  • ATV Spacers
  • Cheap Spacers
  • Slip-On Spacers

wheelspacerusa.com Pages:

  • Distributor Registration
  • Home
  • Newz
  • Wheel Spacers
  • Installation Video
  • Contact

Visual-Unsafe

The following pages/posts should only be edited while selecting the HTML editor

wheelspacers.ca Pages:

  • Control
  • Order
  • Distributors
  • Spacers
  • Hub-Rings
  • Control Panel

wheelspacerusa.com Pages:

  • Control
  • Order
  • Distributors
  • Spacers / Adapters
  • Other Products

Offroad Design Concepts Product Control

ODC Product Control

ODC Product Control Password

  1. Open the “control/db_action.php” file on whichever site you wish to change the password for
  2. Change <password> from this line near the top: "$control_pass = '<password>'" to your password of choice

ODC Images
Small Image and Gallery Image should be 186 x 186 pixels
An image’s Link property can be any size

There are two preview pages for each item

The first is seen when viewing a catergory page. This can be set through the Edit Products section.

The second preview is seen after selecting a product from the catergory page. It’s the same page that has the Add To Cart button. This gallery should have at least one image, and can be updated through the Edit Galleries section. Even if it is the same image used as the catergory preview.

The image link property is optional, but if an image is resized, the original can be used as the link.

Offroad Design Concepts Adding a Product

Since Paypal manages the shopping cart, there’s a bit of a process to add an item to the site.

Add to Paypal

  1. Login to paypal.com
  2. Follow these links: Merchant Services -> Add to Cart button

    3. Note: Although we are filling out a button form, we only want the generated code referring to the newly added product.

  3. Required fields are Item name and Price
  4. Next, press Create Button at the bottom, This will bring you to a page with the generated HTML
  5. Select the Email tab
  6. You should see something that looks like this:
    https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=56WMKYHLJT8DJ
    We only need to copy the last part:
    56WMKYHLJT8DJ
    This code is used as the product’s Paypal Id

Add to Database

  1. Go to the database control page
  2. Type in your password
  3. Select Edit Products
  4. In the Insert box, paste your recently copied code in to the Paypal Id field

    5. Now proceed to fill in its other attributes:

  5. Catergory Id must refer to an existing catergory
  6. Description must be at most 255 characters
  7. Price is a decimal number
  8. Small Image and Large Image are paths starting from the images/ directory
  9. Click Insert

Note: Small Images are 186 x 186 pixels
Note: Large Images can be any size
Note: Adding a new catergory will not provide a catergory tab immediately. The tab appears when one or more items belong to that catergory.

Offroad Design Concepts Photo Galleries

Photo Control

A separate database interface is assigned to managing the photo gallery section.

Galleries have a title and an optional description.
Images added to the galleries will be displayed beneath the gallery title and description on the Photos page.

The Small Image can be any size, but will be resized to 186 x 186 pixels. The Link can be any size as well.

Offroad Design Concepts Background Slideshow

Background Control

A background’s path property shows where the location of the image file
backgrounds can be any size. Preferably larger to fit the entire screen.
Backgrounds are shown in order of id ascending.
Be aware that backgrounds cannot have conflicting id’s