Changing the Home Page Welcome Box

The Home Page Welcome Box of your site is editable through the Administration Pages. To modify the main content on the Home Page, you will need to do the following:

1.   Log in to your VPCart Administration Page.

2.   In the top menu, select “Website” then “Layout Manager” from the dropdown menu.

3.   On the Layout Manager Page, go to “Body Main Content” and click “Edit.”

This page allows you to edit the content on the front page of your site. You can use this to upload an image or edit the text.

To modify the layout of the Welcome Box, you will need to modify the “tmp_default.htm” template. This file is located in the “templates/default” folder.

This file contains the following code by default:

            <div class="top">

                        <div class="bottom">

                                    <div class="text">

$                                      <div class="title"><h2 class="global-font-color global-mobile-widget-title">[translate message]</h2></div>

$               <img src="[ContentImage]" alt="" class="image pull-right" />

                [translate message2]

                                    </div>

                                    <!-- main box image -->

            <div class="cb row"></div>

                        </div>

            </div>

The class="main-content" controls how the Welcome Box will be displayed as shown below:

The “main-content” style is stored in the “main-responsive.css” CSS file located in “templates/default/css.” Simply modify the CSS to suit your needs.