Creating your home page slider in Arastta

0

First you need to create banner images. Follow the sizes below based on the purchased theme

Hardware Arastta Theme:
1400px wide by 600px high (high can be any height but make sure the width is a minimum of 1200px wide)

Hotshot Arastta Theme:
1400px wide by 600px high (high can be any height but make sure the width is a minimum of 1200px wide)

Newfangled Arastta Theme:
1400px wide by 600px high (high can be any height but make sure the width is a minimum of 1200px wide)

Magnetic Arastta Theme:
1500px wide by 834px high – This ratio is not flexible! Make your images to this size.

Mariposa Arastta Theme:
1500px wide by 834px high – This ratio is not flexible! Make your images to this size.

Create several images to the size above and save on your hard drive

  • In your store admin, click on the gears icon on the top right of your screen.
  • In your admin, go to Appearance > banners
  • Click “+” (plus box) at the top right of the page
    1. Name the banner something like “homepage slider banners”.
    2. Now click the “+” (plus box) to add a new banner
    3. Add the title (this will be visible) Make it something simple and snappy. No more than a few word or less.
    4. Click on the image box, click on the pencil box, click the upload icon at the top and select one of your banners you have created which are located on your hard drive
    5. Add the link you want the page to link to. You might want to come back to this if you don’t have products yet. The width of this box is small. It’s an Opencart error.
    6. Once uploaded into the system, select the banner which will be visible in the display.
    7. Repeat for each banner that you have
  • When you’re done adding banners, click the save icon at the top right of the page.

Now go to Appearance> Layouts

  • You’ll see a list of modules to the left, click the “plus” icon next to “slideshow“.
  • Add the name of the module (something like “homepage slider
  • Now select from the banner group you have just created (homepage slider banners)
  • Now add the height and width which need to mirror EXACTLY the size of your images.
  • Set the status to enabled.

Now we need to make sure the slider is in your homepage layout. In the dropdown located at the top of your screen under “edit layouts”, select “home”

Click on “slideshow” on the left if your new slideshow module isn’t visible. Click and drag the slideshow into the “Content Top” position.

There isn’t a save button on this page. It has an auto save.

Now your slideshow should be visible on your homepage

Share.
Translate »