edit-task
Home
Up
Delete
Task Name:
Task Description:
] enviro-mint.ca - home or index page - includes custom header, carosel image display, main featured items section, call to action panel, custom footer
TaskGroup ID:
Start Date:
Start Time:
Duration:
Priority:
Status:
To Do
Completed
In Process
Add Photo:
Owner ID:
Content:
use HTML
Edit Content
<h1 style="text-align: center;">PAGE index</h1> <h2>[WHAT]</h2> <ol> <li>] home page for the eviro-mint.ca web site,</li> </ol> <h2>[WHY]</h2> <ol> <li>i] includes a <strong>site wide header</strong> with the sites main menu,</li> <li>i] <strong>image carosel</strong> featuring "product/service" highlight images(3),</li> <ol> <li>*] carosel images and image descriptions are <span style="background-color: #00ff00;">dynamic</span> - </li> <li><span style="background-color: #00ff00;">dynamic</span> - you can change the images that are displayed in the carosel and the text caption that is displayed over the image.</li> </ol> <li>i] featured product/service aka <strong>"featurette" sections(6)</strong>,</li> <ol> <li>*] featured-section(#) - the ] feature-image, ] feature-name and ] feature-description are dynamic - </li> <li>dyanmic - you can change image icon, text title and text description for each feature </li> </ol> <li>] site wide<strong> footer page</strong> that diplays your company name, tagline, contact phone#</li> </ol> <h2>[WHERE called from]</h2> <ol> <li><strong>] USING ANY WEB BROWSER, ENTER THE FOLLOWING URL</strong></li> <ol> <li>] <a href="http://enviro-mint.ca">http://enviro-mint.ca</a> </li> </ol></ol> <h2>[WHEN]</h2> <ol> <li>] 2015-09-04</li> </ol> <h2>[EXAMPLE]</h2> <ol> <li>] SITE PROTOTYPE: <a href="http://enviro-mint.sospep.com/index.cshtml" target="_blank">http://enviro-mint.sospep.com/index.cshtml</a></li> <li>] SITE PRODUCTION: <a href="http://enviro-mint.ca">http://enviro-mint.ca</a></li> </ol> <h2>[HOW-TO - making changes to your home page]</h2> <ol> <li><strong>] Getting There</strong></li> <ol> <li>] login to your account at sospep.com</li> <li>] under the <span style="background-color: #ffff00;">view/subjects</span>, select the "enviro-mint.ca" library</li> <li>] open the book named "enviro-mint.ca website content"</li> </ol> <li><strong>] Change an "image" in the image carosel</strong></li> <ol> <li>] see steps 1 - 3 in the "getting there" procedure</li> <li>] open the chapter named "featured"</li> <li>] click the "edit article" link for the record which you want to change the image for</li> <li>] use the "Browse" button located beside the "Change Photo" to upload a new "image" to your website that will display in the carosel</li> <li>] save changes</li> <li>*] IMPORTANT NOTE - <span style="text-decoration: underline;">about images for your carosel</span></li> </ol> <li><strong>] Change the "image text" displayed on the image in the carosel</strong></li> <ol> <li>] see steps 1 - 3 in the "getting there" procedure</li> <li>] open the chapter named "featured"</li> <li>] click the "edit article" link for the "article" record that you want to change the displayed "image text"</li> <li>*] the "text" displayed on the image in the image carosel, is the text in the "article description"</li> <li>] edit the "description article" text to the desired text you would like to display.</li> <li>] save changes</li> </ol> <li><strong>] Changing the "image" of a "featurette"</strong></li> <ol> <li>] see steps 1 - 3 in the "getting there" procedure</li> <li>] select the "chapter" that contains the desired "product" or "service" that you want to feature, </li> <li>] click the "edit article" link for the article record that you want to change</li> <li>] SET the article priority to maximum using the slider</li> <li>*] use the Browse button located beside the "Change Photo" option to upload the new image</li> <li>] save changes</li> </ol> <li><strong>] Changing the title of "featurette" </strong></li> <ol> <li>] see steps 1 - 2 in the "getting there" procedure</li> <li>] click the "edit book" link for the book record that you want to change the title of</li> <li>] edit the title of the book to reflect the title of the "featurette"</li> <li>*] for multi word titles, use dashes between words, ex use Cleaning-Products, the - will not display on the web page </li> </ol> <li><strong>] Change text description of a featurette</strong></li> <ol> <li>] see steps 1 - 2 in the "getting there" procedure</li> <li>] click the "edit book" link for the book record that you want to change the description of</li> <li>] edit the "description" of the book to reflect the description of the "featurette"</li> <li>] save changes</li> </ol> <li><strong>[NEW] add another featurette - SET any article AS featurette</strong></li> <ol> <li>*] you can SET any "article" to appear as "featurette" on the home page of your website</li> <li>] see steps 1 - 3 in the "getting there" procedure</li> <li>] open the "chapter" that contains the "article" that you want to appear as a featurette</li> <li>] EXAMPLE currently the article "Home-Cleaning" in the Chapter "Cleaning Services" is a featurette item</li> <li>] click edit article for the article that you wish to make a "featurette"</li> <li>] SET the "article priority" to MAX using the priority slider.</li> <li>] save changes </li> <li>+] REF - NOTES about featurettes</li> </ol> <li><strong>[NEW] SET the display order of featurettes</strong></li> <ol> <li>*] by default the "featurettes" are displayed on the home page in alphabetically ascending order. You can now change the order of their appearance by setting the "sequence" value of the article.</li> <li>] EXAMPLE currently the article "Home-Cleaning" in the Chapter "Cleaning Services" is a featurette item, it appears as the 2nd item in the first/top row of "featurette" items alphabetically. To change this item to the first item to be displayed I am going to set the sequence value to 1.</li> <li>] see steps 1 - 3 in the "getting there" procedure</li> <li>] Open the "chapter" that contains the "article" that you want to set the sequence order for</li> <li>] Click the "edit article" link for the "article" that you wish to change the display order of. </li> <li>] SET the "article sequence" value to the position that you want the featurette to display on your home page.</li> <li>] save changes </li> </ol></ol> <h2>[REFERENCE]</h2> <ol> <li>] FILE index.cshtml -v-001 - </li> </ol><hr /> <h1 style="text-align: center;">developer implementation</h1> <h2>[.process]</h2> <ol> <li> </li> </ol> <h2>[.notes]</h2> <ol> <li> </li> </ol> <h2>[.by_date]</h2> <ol> <li>[YYYY-mm-DD]</li> </ol><hr /> <h1 style="text-align: center;">status</h1> <h2>[previous]</h2> <ol> <li>[2015-09-04]</li> <ol> <li>]</li> </ol></ol> <h2>[currently]</h2> <ol> <li>] </li> </ol> <h2>[next]</h2> <ol> <li>] </li> </ol>