Rotating images

Why you would use a Rotating images

If a user want to add a rotating gallery of photos for their products and marketing collateral materials, the Rotating Images module is very useful and will help a user to setup and add through pages without coding skills. Rotating Images is the smartest and fastest way to add a group of images on a carousel or slider template.

Accessing the Rotating Images 

  • First, you'll need to log in to your website and access the admin Dashboard. Your link would usually be as follows : www.YourWebsiteName.com.au/Admin

    The login page should appear as below:



  • Once logged in, navigate through the left menu panel. Click on Modules > Rotating Images

           A list of all the groups for the rotating images will appear. 





  • Choose the group you wish to edit and click on the Image Icon to edit




  • All The images under that group will then appear.


Adding a new image

  • Choose the group you wish to edit and click on the Image Icon to edit



  • Click the button "Create new image"


  • Upload a new image or select from media files.
  • Enter the URL of the page the banner will lead to once clicked
  • Select the URL target.
    • If you want to open in on the same window, select _self.
    • If you want to open in a new window, select _blank.
  • Click "Save".



  • The new image will appear as the last item.



Re-Ordering the Images


  • To Re-order the images, simply drag the image left and right into the order you wish for it appear.



Editing The image, Text, Link


  • To Edit, Click on the Edit Icon on the photo you wish to alter.




  • A pop up will then appear where you can edit the Image, Group it belongs to, Title, Text, and URL.



  • If you scroll further down you can also set a Start and End Date for this specific image to show. 
  • Once done, hit Save. 



  • Refresh the page the rotating banner images should show on the website and the changes should reflect. 


How to apply rotating images on each page of WebEd CMS

  • Go to Admin > Page Content 
  • Select or click Pages and select page you want to display the rotating images Ex. Home 




  • Add Curly Bracket and Select Configure   







  • Search for Rotating Images and Select the module 



  • On the popup modal select the Group you created from the rotating Images Module above and click "Insert" 



  • You can see the curly bracket code Ex. {RotatingImages_2_Default.RotatingImages} and click OK 





  • Refresh your page now and see the output
  • How to apply rotating images on  WebEd CMS Page Template
  • Go to Admin->Look and Feel

  • Select Page Templates and select the template you want the rotating images to display for example Home. 




  • Copy the Curly bracket from the page rendered above and paste it on the Page template you've selected and click save 






  • Refresh your home page now and see the output 




Creating New Rotating Image Template

  • Go to Admin Dashboard > System Settings 
  • Select Module Management and click the Curly Brackets Tags
  • Search keyword "Rotating Images"




  • Click "+" (Create new template)





  • Add {RotatingImages.Home.Slider} to your desired location
  • The curly bracket It's meaning of Curly Brackets   {1_2_3} parameters:


    No.NameDescription
    1Curly BracketsName
    2Rotating imagegroup id
    3Rotating imagegroup name

    Example for this rotating image : {RotatingImages_1_RotatingImages.Home}


Related articles