Editing Content – Help Docs https://kb.lesjardinsdorval.com Knowledge base Thu, 04 May 2023 18:19:33 +0000 en-US hourly 1 https://wordpress.org/?v=6.2.2 Edit Page Content https://kb.lesjardinsdorval.com/knowledge-base/edit-page-content/ Tue, 09 Apr 2019 18:12:02 +0000 http://146.66.103.28/~strathal/kb/?post_type=ht_kb&p=42 This article explains how to use the built-in page editor WP Bakery to edit the website pages.  This information will also be useful for editing the Store pages.

1. To edit page content, first go to Pages > All Pages (in the left hand menu) and select the page that you want to edit.  (Please note that if your website is in both French and English select the page you want to edit in the appropriate language. For more info on how to toggle between languages, click here.)

2. Once you are on the page with content you want to edit, hover over the section you want to edit. You will see that a green popup will appear, click on the pencil icon.

3. A box will pop up with the content of that section.  Make any changes you wish. Once you are done, click the “Save Changes” button.

4. When you are finished making all of the changes to your page, be sure to click the “Update” button to save the changes.

 


More Info:

For more information on how to use the built-in page editor – WP Bakery/Visual Composer, watch this video.  This video will provide detailed info on how to add/edit the content boxes and make further customizations.

]]>
Edit Restaurants Page https://kb.lesjardinsdorval.com/knowledge-base/restaurant/ Tue, 09 Apr 2019 19:06:35 +0000 http://146.66.103.28/~strathal/kb/?post_type=ht_kb&p=232 This article explains how to edit the Restaurants/Feature page. This page will only exist on your site if it is applicable to the property. If your site is multilingual, remember to edit the page in both French and English.

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.

 

]]>
Edit Visit Page https://kb.lesjardinsdorval.com/knowledge-base/edit-visit-page/ Tue, 09 Apr 2019 19:56:44 +0000 http://146.66.103.28/~strathal/kb/?post_type=ht_kb&p=251 This article explains how to edit the special features of the Visit page, including the Slideshow and the “Service & Accessibility” icons and text.

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.

 

]]>
Create Individual Store Pages https://kb.lesjardinsdorval.com/knowledge-base/create-store-pages/ Tue, 09 Apr 2019 21:08:39 +0000 http://146.66.103.28/~strathal/kb/?post_type=ht_kb&p=76 This article explains how to create new store pages. If your site is multilingual, remember to create the store pages in both French and English.

** 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.

]]>
Hide Content https://kb.lesjardinsdorval.com/knowledge-base/hide-content/ Tue, 09 Apr 2019 16:37:07 +0000 http://146.66.103.28/~strathal/kb/?post_type=ht_kb&p=463 This article explains how to use the built-in page editor WP Bakery to hide content or sections on your website pages.

1. To hide page content, first go to the page were you want to make the change.

2. Once on the page edit the column you want to hide.  (Please note you can’t hide rows, only columns.)  To edit the column, click the pencil icon at the top of the column.

3. Then in the new “Column Settings” dialogue box that pops up, select the “Responsive Options” tab.

4. In the “Hide On Device” section, check all of the boxes, then click the Save Changes button.

**** To unhide the column, follow these instructions and uncheck these boxes.

]]>
* Edit Notification Bar https://kb.lesjardinsdorval.com/knowledge-base/edit-notification-bar/ Wed, 03 May 2023 21:06:22 +0000 https://kb.lesjardinsdorval.com/?post_type=ht_kb&p=558 This article explains how to add/modify/remove the Notification Bar (ie. the pink bar with the message at the top of the page).  Note that there are a lot of settings that you can modify for the notification bar, but we have preset it so you shouldn’t need to make changes. The following are the steps to add or remove a new notification:

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:

 

 

]]>