Here we have a simple scripted component that rotates a series of quotes, or blocks of 'text'. It can be used for quotes, customer testimonials, or anything that would require a brief display of text for. We're calling it the Quotator because it has a better ring to the name than 'Testimonialator'.
Quotator
Instructions
Quotator ( Quote Rotator )
Here we have a simple scripted component that rotates a series of quotes, or blocks of ‘text’. It can be used for quotes, customer testimonials, or anything that would require a brief display of text for. We’re calling it the Quotator because it has a better ring to the name than ‘Testimonialator’.
The Quotator loads your ‘messages’ from a Library page. You can include as many messages are you like! This component is usually embedded into a single page of your site, but you can copy it into any page, and remove it from the default page.
Remove the Quotator from a page
- Open your web page.
- Switch to code view.
- Scroll down until you find the <div> container labeled <div id=”quotator-component”>.
- Select the div tag with your mouse, right click, and click ‘Select Tag’
- The entire div container should be highlighted in the page, just press delete on your keyboard.
Insert the Quotator into a web page
The Quotator is a full screen component. It should be embedded into the page ‘between’ the surrounding containers. This will make better sense in the video demonstration.
- Open your web page.
- Switch to code view.
- Scroll down until you find the ‘content’ section.
- Find a section above or below an existing <div class=”container-fluid …”> container.
- Click to focus your mouse on the page, in that space above or below the container.
- Copy the following code:
<div class="quotator-component"> <!-- webbot bot="Include" U-Include="Library/shared/quotator/wrapper/quotator-wrapper.htm" TAG="BODY" --> </div>
- Paste the copied cod.
- Save to update, then preview to make sure it’s in a good location.
Update the Quotator
- Expand the Library / shared / quotator (folder).
- Open the ‘quotator’ Library page.
- If you switch to code view, you’ll see there are 4 quotes or message containers. If you want to add or delete, now’s the time. To delete, just select the a container including the comment tags, and delete.
- To ADD more, copy an existing quote including the comment tags, and paste, once for each new messages.
- To edit or update the quotes, just switch back over to Design view, and edit the text as normal.
Quotator ( Quote Rotator )
Here we have a simple scripted component that rotates a series of quotes, or blocks of ‘text’. It can be used for quotes, customer testimonials, or anything that would require a brief display of text for. We’re calling it the Quotator because it has a better ring to the name than ‘Testimonialator’.
The Quotator loads your ‘messages’ from a Library page. You can include as many messages are you like! This component is usually embedded into a single page of your site, but you can copy it into any page, and remove it from the default page.
Remove the Quotator from a page
- Open your web page.
- Switch to code view.
- Scroll down until you find the <div> container labeled <div id=”quotator-component”>.
- Select the div tag with your Quick Tag Selector.
- Press delete on your keyboard.
Insert the Quotator into a web page
The Quotator is a full screen component. It should be embedded into the page ‘between’ the surrounding containers. This will make better sense in the video demonstration.
- Open your web page.
- Switch to code view.
- Scroll down until you find the ‘content’ section.
- Place your cursor into the section above or below an existing <div class=”container-fluid …”> container.
- Click to focus your mouse on the page, in that space above or below the container.
- Open the Assets panel.
- Click the quotator-wrapper Asset.
- Click the ‘Insert’ button.
- Save to update, then preview to make sure it’s in a good location.
Update the Quotator
- Expand the Library / shared / quotator (folder).
- Open the ‘quotator’ Library page.
- If you switch to code view, you’ll see there are 4 quotes or message containers. If you want to add or delete, now’s the time. To delete, just select the a container including the comment tags, and delete. To ADD more, copy an existing quote including the comment tags, and paste, once for each new messages.
- To edit or update the quotes, just switch back over to Design view, and edit the text as normal.