ProSlider is a slide show on the front page of your Online Shop.

All slides can include a clickable link to a defined page.

If you do not have ProSlider installed and would like to use this feature, please contact the MyWork team.

Edit Settings

Upload Images

Image Size


Image Sizes

Top


Step 1

Using your login details, logon to the CMS at cms.mywork.com.au
Click Shop
Using the same login details, logon to your Online Shop

Step 2

In the Extensions drop down menu, click Modules

Step 3

To edit the ProSlider, click Edit


Step 4

You may edit the following information:

Title Text - The title that appears above the ProSlider
Status - Select Enable to make the Module visible on your website
Position - The position the Module will appear on your website
Sort Order - Sort order determines what order the Modules are displayed in
Slide Effect - How the slides change from one to another
Show Navigation Controls - Display arrows to allow customers to manually change slides
Pause Slide onHover - ProSlider will pause when moused over
Width - The width of the ProSlider NOTE: It is recommended to keep this setting as it
Height - The height of the ProSlider NOTE: It is recommended to keep this setting as it
Animation Speed - The speed of the animation
Slide Pause - The speed of the ProSlider
Starting Slide - Set the starting slide
Slices - Relates to the Slide Effect

Click Save



Upload Images

Top


Step 1

Using your login details, logon to the CMS at cms.mywork.com.au
Click Shop
Using the same login details, logon to your Online Shop

Step 2

In the Extensions drop down menu, click Modules

Step 3

To edit the ProSlider, click Edit


Step 4

Click Add Slides

Click on the image icon

Select the image from the image manager or upload a new image from your computer


Step 5

Optional: Add a clickable link to the slide

Enter the Slide Order

To add another slide, click Add Slides and repeat the above

To remove a slide, click Remove next to the slide

Click Save



Image Size

Top


Images must be the correct size or else they will not display correctly. If you do not have access to photo editing software like PhotoShop, follow the simple steps below using an online image editor Sumo Paint.

The size of the ProSlider slides is displayed under the Settings tab like below:


Step 1

Go to www.sumopaint.com/app

Under File, click Open From My Computer and select the image from your computer


Step 2

Under Image, click Image Size


Step 3

Enter the Width of your Slide Show Dimension (do not worry about the Height)

Tick Constrain Proportions

Click OK


Step 4

Under Select, click All


Step 5

Under Edit, click Copy


Step 6

Under File, click New Image


Step 7

Enter the dimensions (both Width and Height) of your Slide Show 

Click OK


Step 8

Under File, click Paste


You now have the correct Slide Show image size

To move the image around, click on the Move Tool (on the left of screen)


By clicking and holding down on the image, you can move the image up and down if need be

Step 9

To save the image, under File, click Save To My Computer


Step 10

IMPORTANT: Select JPG from the Format list

Click Save