1. Go to “Notification Bar” (in the left hand menu).

2. Add the Content – On the WP Notification Bar Settings page, in the “Message Text” field, change the tab from “Text” to “Visual”, and then enter the message content into the box:

Note that both the French and English content should be added to this box.

If you want to include a link to the text, highlight the text that you want to turn into the link and then click the “Link” button in the toolbar. Then follow the instructions to paste the URL into the field that appears.

3.  Set the date/time  – Further down the page you can set the date for the notification to automatically appear and then hide when you are done.

If you just want to show or hide the notification and not set a date, ensure that the date and time are set to “None”, and then scroll down and check off or on the “Enabled” checkbox, in the Display section:

Option 1

If you are on the Pages page, the easiest way to select the page in the alternate language is to click the pencil icon.

Clicking on the pencil icon in the image below will go to the Home page in French.

Clicking on the pencil icon in the image below will go to the Home page in English.

Option 2

If you are on an individual page, the easiest way to select the page in the alternate language is to click the flag icon in the top admin bar and select the alternate language.

• What is WordPress?
• The WordPress Dashboard
• How to use the WordPress Editor “BACKEND EDITOR – WPBakery Page Builder”
• How to use the WordPress Editor “CLASSIC MODE”
• How to use the Media Library to Add Images
• Uploading and Editing Images in WordPress

In WordPress it is easy to add alternative text.  When you are uploading the photo, all you need to do is enter your description of the image in the “Alt Text” field under the photo. (Here is an article that explains how to write good alt text descriptions.)

If you don’t remember to enter in the alt tag, the site’s accessibility plugin will give you a very big reminder!  If this happens simply delete both images and insert your image again with the alt tag to make the reminder go away.

The built-in image editor that gives you the ability to crop, resize, change the orientation orientation and aspect ratio.  For more info about how to edit the images with the built-in editor, check out this video.

The advanced editor gives you the ability to do all of the above tasks and more – enhance, add effects, frames and stickers, crop, resize, change orientation, focus, brightness, saturation, warmth, sharpness, whiteness, add text, draw, remove blemishes, etc.   For more info about how to use some of these features, watch this video.  (Excuse the music.)

To get to the editor, upload the image and then go to Media > Library in the left-hand navigation. On the main library page you will see blue buttons beside each of the images to “Edit Photo”.  Click the button and the plugin will launch.

Once you are done making all of your changes, click the “Save” button.  Saving the graphic will make a copy of the original, so you don’t have to worry about overwriting your original image.

Modify the Image Size

If you do not have Photoshop or an equivalent editor, we would suggest you use Pixlr, which is a free online photo editor. You may need to do two things to get the images the correct size… 1. resize the image, and/or 2. adjust the canvas. An explanation of both can be found here. And you can find a more in-depth tutorial on how to change the canvas size here.

Home Page Header Image

1920 pixels width x 1026 pixels height

Inside and Store Header Images

1920 pixels width x 820 pixels height
 

Store Logos/Featured Store Logos

The store logos are used in various places on the site. To make the management of them easier, please make all logos the same size. The logos should be centered (horizontally and vertically) on a background that is 220 pixels width x 114 pixels height. It is important that all Store logos are on a transparent background. Transparent PNGs are best.

Click on the store you want to edit – either the store name or on the map.  That will bring up all of the previous info that was entered into the Landmark box.

1. Click the delete button.

2. Then click the “Save Changes” button.

** Individual Stores pages that you create will automatically be added alphabetically to the Store Directory on the Stores page.

1. In the left-hand admin menu, go to Stores > All Stores

2. Hover over The Sample Store and when the menu appears below, click on the “Clone” link to make a copy of the Store page.

3. Then click the “Edit” link for the new “Copy of the Sample Store – Draft” page.

4. Rename the page: On the new page, edit the title to the new store name, then edit the permalink with the store name.

5. Add the store photo: Hover over the Single Image and click the pencil icon that appears on the green popup. Delete the current store photo by hovering over it and clicking on the “x”.  Click on the green plus to add a new photo. Upload or select the store photo from the media library and click the Set Image button. The  photo size must be 1920 pixels width x 820 pixels height. Please resize the image in either the WordPress built-in image editor (more info here), or in image editing software (eg. Photoshop) prior to adding it to the site.  Once done, click the “Save Changes” button.

6. Change the Store Category:   Hover over the text “Stores – Amenities” and click the pencil icon that appears on the green popup.  Change Amenities to the appropriate store category (eg. Women’s Apparel, Home Decor, Children’s Clothing, Jewellery, etc.). Once done, click the “Save Changes” button.

7. Add Mall Map:
Step 1 – To add the mall map to the page the first thing you need to do is find the landmark code.  In a new tab, go to Store Maps > Maps in the left-hand navigation.  Click the Edit link to go to your main store map. Once there click on the store on the map and find the RSN number (eg. RSN2245).  It will appear in the top-left corner of the map.  This is the number that you will need to add to Step 2.

Step 2 – Go back to the Store page that you were editing. Hover over the text box with [mapplic id=…] and click the pencil icon that appears on the green popup.  Edit the landmark to the correct store RSN number. Once done, click the “Save Changes” button.

8. Add the store details: In the dialogue box with the store information, update to the correct info.  Be sure to add the email link.

9. Add the store logo: In the dialogue box with the store information, replace the existing logo in the template by clicking on the logo image, selecting the pencil icon, and then in the dialogue box that appears click the replace button to upload/select the new logo. Please note that all logo images should be on a transparent background, and 220  x 114 pixels . Click here for more info on modifying  image sizes.

10. Store Hours: If the store has different open hours than the mall, you can add these to the page. For instructions on how to add store hours, click here. Once you have completed the steps to add the store hours, copy out the  “Set Alias” you added to the set_id=”” into the shortcode.

11. Once you are done, click the “Publish” button.

12. After you have added ALL your store pages, you should delete The Sample Store so that it doesn’t appear on your site when you go live.  Going forward, you can always clone another store to create a new store when needed.

Slideshow

To edit the slideshow at the top of the page, follow these steps.

1. In the left-hand navigation, go to Sliders & Popups > Sliders

2. Click the “Visit Page” slider.

3. Once you are in that slider, click the “Add New” button.

4. Click the “Click to Set” button to upload/choose your image.  Ideally your photo should be a minimum of 1000 pixels wide, with a 2:1 aspect ratio width to height.  (So a 1000 pixel wide image should have a height of 500 pixels.)

5. Set the Duration to “4500”.

6.  Follow steps 3-5 to add as many photos as you wish.  Ideally between 4 and 20 photos.

7. Once you have finished adding your photos, remove the ones that were part of the template by clicking on the down arrow on the photos you want to delete.

8. Then scroll down to the bottom of the page and click the “Save Changes” button.

You can review your work by going to the Visit page.

Services and Accessibility

Each of the items on the Services and Accessibility section are comprised of an icon, title and description. To edit these follow the steps below:

1. Hover over the section you want to edit and click the pencil icon that appears on the green popup.

2. In the dialogue box,  make these changes:

a) Icon – Click on the dropdown menu to select a new icon that is appropriate to your section.

To see all of the possible icons, click here.  The names of the icons correspond with the items in the dropdown, except when there is “alias” in brackets beside the icon. In these cases click on the icon and the proper name will be shown on the page.

b) Title – Change the title to the title of the section.

c) Text – Change the text to what you want to appear.  Try to keep it brief.

3. Repeat the same process (steps 1 and 2) for each of the other sections.

4. Once you done, click the “Save Changes” button at the bottom of the dialogue box and click “Update” on the page.

1. In the left-hand admin menu, go to Pages > All Pages and click on “Restaurants” to edit this page.

2. Add the Restaurant photo: Hover over the Single Image and click the pencil icon that appears on the green popup. Delete the current store photo by hovering over it and clicking on the “x”.  Click on the green plus to add a new photo. Upload or select the store photo from the media library and click the Set Image button. The  photo size should ideally be a minimum of 800 pixels wide. Once done, click the “Save Changes” button.

3. Add Mall Map:
Step 1 – To add the mall map to the page the first thing you need to do is find the landmark code.  In a new tab, go to Store Maps > Maps in the left-hand navigation.  Click the Edit link to go to your main store map. Once there click on the store on the map and find the RSN number (eg. RSN2245).  It will appear in the top-left corner of the map.  This is the number that you will need to add to Step 2.

Step 2 – Go back to the Restaurant page that you were editing. Hover over the text box with [mapplic id=…] and click the pencil icon that appears on the green popup.  Edit the landmark to the correct store RSN number. Once done, click the “Save Changes” button.

8. Add the restaurant details: In the dialogue box with the store information, update to the correct info.  Be sure to add the email link.

9. Add the restaurant logo: In the dialogue box with the store information, replace the existing logo in the template by clicking on the logo image, selecting the pencil icon, and then in the dialogue box that appears click the replace button to upload/select the new logo. Please note that all logo images should be on a transparent background, and 220  x 114 pixels . Click here for more info on modifying  image sizes.

10. Restaurant Hours: If the restaurant has different open hours than the mall, you can add these to the page. For instructions on how to add store hours, click here. Once you have completed the steps to add the restaurant hours, copy out the  “Set Alias” you added to the set_id=”” into the shortcode.

11. Complete the same steps for the second Restaurant. If you only have one restaurant you can delete the extra sections by clicking the “x” at the end of the row.

If you have more than restaurant, duplicate all of the content boxes, including the Empty space (height 100).

12. Once you are done, click the “Update” button.