Ian Stacey Photography logo
Admin Area
Before you start

Before publishing
Make sure you have all the necessary stacks and follow the steps to upload Mercury on your server.

Necessary staks
  • Foundation 6 stacks + Swatch Pack
  • SEO Helper 2
  • Offsite
  • Vibracart Pro Stacks (Included with Mercury Project file)
  • Limelight Stack + Section Pro (free stacks by BWD)
  • Pen Stack (free stacks by Weavers Space)
  • Total CMS

More details about Necessary and Optional Stacks here

Step 1

Getting ready
Let's get your project file ready for publishing.

Set up your Project file
  1. Upload the cms-data folder you downloaded with this project file to your hosting account.
  2. In Rapidweaver Enter your domain name into RW General and Publishing settings.
  3. Enter your server information in RW publishing settings.
  4. Go to the admin area page and open the Site Style partial at the very top of Edit mode.
  5. Locate the CMS core swatch in the Features section, click on it and enter your TCMS license in the inspector. Exit the partial.
  6. In that same page locate and open the Admin Core Partial. (Inside a red Pen called TCMS Admin Core + Password Protect Admin Area).
  7. Enter your TCMS license, and exit the partial.

If you have never registered this TCMS license to your domain please follow this guide to do so only after having fully completed this Step 1.

Let's now set up VibraCart Pro

Set up your Vibracart Pro

Before we start setting up Vibracart Pro you will need to create a database on your server. If you have never done it before we prepared an easy to follow guide to help you out in the process.

Let's follow the following easy steps to setup Vibracart Pro stacks correctly:

  1. In Rapidweaver edit mode go to Mercury Home Page, click on the Vibracart Pro: Setup stack contained in the big green Pen called VibraCartPro - Installation guide
  2. In the stack inspector Enter the Database Server, Name, Username and Password of your database.
  3. You can now Publish the project file to your server.
  4. After publishing has completed visit the homepage of your published website. If all went well you should see a messagge saying Setup succesful
  5. Click on the link (Or copy and paste it into the URL bar) to complete the installation.
  6. Important As Vibracart Pro has now been installed on your server, you should remove the Vibracart Pro: Setup stack from your page in RW. If you don't want to delete it you can set the Pen stack that contains it to Don't Publish
  7. Congratulations! you have fully installed Mercury project file on your server. Keep going with the next easy steps.

This project file must be published in order to work. If you don't publish it first, Rapidweaver preview will not work.

Step 2

Website Name & Optional Stacks
The website name is used throghout the entire website, wherever the name of your business is needed.

Website name

This value is used through the entire website for SEO purposes and funtional features where the name of your business is needed. It is also used to sign your form auto-responses.

Optional stacks
Parallax Stack

This stack gives some attractive parallax effect to background images. It's used in the homepage right below the 'Features' Section.

If you don't have Parallax stacks turn off the toggle to revert back to a simple background image included in the F6 stack suite.

Photo Stack

This stack is used to enhance user experience for the Blog gallery and the Product image gallery.

If you don't have Photo stacks turn off the toggle to revert back to a simple image gallery included in the F6 stack suite.

Share It Stack

This stack is used to allow users to easily share each product and blog page on the main social media platforms with a click of a button.

Page Safe Stack

This stack is used to password protect the admin area of this website. We recommend protect your admin area with pagesafe, there is even a Vibracart integration. If you decide to turn off this stacck the system will revert back to the Protect stack included with TCMS.

Step 3

Total CMS & Database setup <This is a necessary step for the blog system and the store to work properly.

  • Setup Blog Post Page

    Preview Post page

    1. Open Rapidweaver and navigate to the Blog > Post page.
    2. Preview Post page.
    3. Total CMS lightbox will ask you if you want to publish blog posts to the new location, and will show you the URL (with your domain) where your blog posts will be published.
    4. Copy the code displayed there and click on the submit button.
    5. Navigate to the Publishing tab in the Rapidweaver sidebar
    6. Click on the Edit .htaccess file and paste the code you just copied there.
    7. Hit Save and you are done.
  • Setup Store Product Page

    Preview Product page

    1. Open Rapidweaver and navigate to the Store > Product page.
    2. Preview Product page.
    3. Total CMS lightbox will ask you if you want to publish blog posts to the new location, and will show you the URL (with your domain) where your blog posts will be published.
    4. Copy the code displayed there and click on the submit button.
    5. Navigate to the Publishing tab in the Rapidweaver sidebar
    6. Click on the Edit .htaccess file and paste the code you just copied there.
    7. Hit Save and you are done.
Additional Info

Other information you may need to personalize this project file.

  • How to create a mySQL database

    No worries, creating a mySQL database is easier than you think!

    Vibracart Pro need a mySQL database to work, and consequently power your Ecommerce platform at no extra cost.

    Every Hosting company handles databases in a slightly different way, that makes it difficult to write a universal tutorial for it, but they all work pretty much the same. The data you will be required to enter in the VCP stacks are the following.

    • Database host (Many times is localhost but check with your hosting company)
    • Database Name
    • Database User
    • Database Password

    There's a high chance that if you google Create mySQL database + Hosting Company Name you will find a more specific tutorial. You can also get in touch with your hosting company and ask them to help you out.

    A few examples:

  • Delete this setup tutorial after setup

    You can edit this data at all time from the Settings tab. Once you go through this initial setup we recommend you to delete this Setup tutorial section from Rapidweaver.

  • Edit the admin menu structure

    When editing the admin menu structure, make sure you give a unique ID to all the related Limelight iframe child stack. Use then that ID as a class for the button that you want to trigger that specific iframe. For instance, if your Limelight unique ID is home, then assign the Custom class home to the button in the menu sidebar that you want to trigger the home admin page.

  • Password protect with Page Safe stack

    This admin area is protected by Page Safe Stack by default
    You will find the Page Safe stack in a partial at the top of every admin area page use the password box in the page inspector to edit your master password. You can also create a user password from this admin area under Setting > Password.

    Turn on Vibracart Single Sign-in Feature

    • Enter the Vibracart Pro Dashboard by clicking on Store > Vibracart Pro
    • Navigate to Tools > Configuration > Other
    • Scroll to the end of the page and check the Allow Page Safe login access to dashboard box
    • Enter pagesafe as Page Safe ID
    • Save changes
  • Password protect with TCMS Protect stack

    It is highly recommended to use Page Safe to protect this admin area You can still protect your admin area but you wont be able to use the Single Sign-in feature of Vibracart Pro. Without Page Safe stack you will have to login into the admin area and then into Vibracart Dashboard separately.

    If you don’t have Page Safe Stack you can turn off the Page Safe Toggle in the optional stack section in this admin area.

logo Ian Stacey Photography

Welcome to your admin area

Edit Pages

Blog

Review

Store

Settings

In this area you can edit email templates, the contact form auto responce, as well as social network links.