Create and Edit Content Rotator

Steps to Create and Edit a Content Rotator Module:

1. In Edit Mode, go to the top of the screen and choose the BSB.Content Rotator option under the Module pull down menu. Add a Title if you wish, and choose a pane and location for your Content Rotator to appear in. *See image below.
   
2. Click Add
3. Hover over the arrow and click on Add Content. *See image below.
   
4. Add a “Title” for your image. This will show up as the caption of the image.
5. Add an optional URL for the image to be linked to. This will show up as a “read more” button.
   
   ****If you choose to add a URL it will show up on your BSB.Content Rotator like the image below, with an option to click Read More, which will send the user to that particular link.***
   
6. Give the image a rotation sort order.  For example: 10, 20, 30, 40 - Depending on what position you want the photo to appear in within the Content Rotator. *We recommend going in increments of 10 so that you can easily add new content down the road.
7. Click on “Choose File” to select an image off of your computer.
8. Locate and select the file on your computer.
9. Click on "Open"
10. Click on "Upload"
11. Drag the edges of the “crop box” to crop the photo.  The best dimensions for photos is 500 x 300. All images must be cropped in order to proceed to the next step.
    
12. Click "Crop"
13. Click "Save Content"
    
    
    
14. Repeat these steps to add as many images as you want. *Note: Only the first 4 in the sort order will show up in the rotator.
15. Click “Back” to view the rotator.
16. Once you’ve created your Content Rotator Module, you can edit the template settings and change the layout by hovering over the arrow again and clicking Template Settings. *See image below.
    
17. Choose the layout you’d like and press Save. You're all DONE! *See image below