Website Manager – Frequently Asked Questions

By Multichannel

Here we will cover frequently asked requests for changes to websites:-

  • How to Update new/add Home Page Banner Images
  • How to Hyperlink my Home Page Banners or Images
  • How to edit/amend Sales Messages
  • How to change Footer details

Before attempting the above, please familiarise yourself with Website Manager – Basics

Open the frontend view of the website in a seperate tab to preview any changes that are made.

How to Update new/add Home Page Banner Images

You can have as many or as little banners appearing on your home page.

STEP 1 – Upload any new images via Images menu option. (Tip: Take note of the file name for Step 2)

STEP 2 – Open up Pages-> HomePage.html or File -> HomePageBanner.html in code view. This file can only be edited in HTML, should look something like this or similar….

To edit/update an existing banner:-

<div class=”irBan”>
<a href=”beef.irc”>
<img src=“images/banner-02.png” width=”960″ height=”400″/>
<div class=”irBanBar”>
<h2>Local Beef</h2>
</div>
</a>
</div>

  1. src= is where the image path is of the image you would like to use, so type in the name of the image you uploaded within the ” “
  2. between <h2>  and </h2> this is the text that overlays the image change the black text accordingly

To add a new banner:-

Copy the full html text from the <div> to the last </div> and paste this in the position you would like as you will notice the pattern of how the other banners are placed. Where it is copied is the sequence it will appear on the website.

STEP 3: SAVE the changes and view on the website.

Hyperlink Home Page Banners

  1. Identify which page you would like to use to hyperlink to, eg. http://demo.irconnect.co.uk/nursery-furniture-tables-chairs.irc
  2. Follow same instructions as above to open the files.
  3. Hyperlinks are referenced by the HTML code href=“”, so next to the image you have applied above, change the href= to the correct link, eg, href=”nursery-furniture-tables-chairs.irc”. Just need the final filename.irc extension no need for the full URL.
  4. SAVE the changes and view on the website.

How to Amend / Insert Sales Messages

  • Open up Files -> salesmessage.html or Files -> NavMsgs.html
  • Should look something like this …

<aside class=”navMsgs”>
<div class=”l-wrap”>
<a class=”navMsgs-msg u-altLink” href=”delivery.irs”>Free delivery over £150</a>
<a class=”navMsgs-msg u-altLink” href=”contact.irs”>Help and advice call us</a>
<a class=”navMsgs-msg u-altLink” href=”delivery.irs”>International Shipping</a>
</div>
</aside>

  1. Amend the text in ‘black’ font
  2. Amend the href= which is the hyperlink to the message if required
  3. SAVE the changes and view on the website.

To add a new message to existing, copy the html text fro <a …. </a> and insert/paste where you would like it to appear. Change accordingly. Note: There may be limited space in the line, so please be aware of this and preview on website to see if this fits accordingly, eg. 

<a class=”navMsgs-msg u-altLink” href=”contact.irs”>Help and advice call us</a>
<a class=”navMsgs-msg u-altLink” href=”aboutus.irs”>About Us</a>
<a class=”navMsgs-msg u-altLink” href=”delivery.irs”>International Shipping</a>

 

How to change Footer details

  1. Open up File -> Footer.html. Only available to view in HTML code.
  2. Change the relevant information as indicated in the ‘black’ font.
  3. SAVE the changes and view on the website.