Step 1: Slideshow dimension.

Lalala Template slideshow located on top side on the store.

Make sure the slideshow dimension in pixel is 1240 x 480 (width x height).

This tutorial will focus on how to edit the banner section used in Lalala template as shown below.

Note: Banner image dimension in pixel is 1240 x 480 (width x height).

Make sure to insert the right/exact dimension for both slideshow and banner images.

 

Step 2: How to edit the Featured product, Special, and New banner.

Before you start, note that Lalala marketing tools image dimension in pixel is 252 x 500 (width x height).

Also, make sure that you set your image format to (.jpg).

webShaper Marketing Tools consists of:

  • Featured
  • Specials
  • Best Sellers
  • New

Just follow this simple step by step tutorial on how to edit your marketing tools for Lalala template.

1. Go to your webShaper store control panel.

2. Click Design.

3. Click Theme Files.

 

 

4. Choose Images, and then click View.

This is where you insert your new images to replace the default design template.

 

 

5. Click Upload and then Choose Files to choose the images that you want to insert by uploading them inside your webShaper store.

 

 

6. After you have done uploaded the images, go back to the Theme Files.

7. Choose skin.xml and click Edit.

 

 

8. Press (Ctrl + F) to search and find Featured.

9. You just have to change your images name on the section as shown below. Insert your new image name correctly.

10. Click Save icon.

 

 

11. Repeat the same step for Specials, Best Sellers, and New marketing tools from Step 7 until Step 10.

Step 3: How to edit the product page of the Delivery Info message and the Payment Method banner.

*Note: If you would like to link your banner image to another category, please follow this steps below:

1. Go to your webShaper store control panel.

2. Click Design.

3. Click Theme Files.

 

 

4. Choose skin.xml and click Edit.

 

 

5. Find banner image that you want to have link such as Specials page banner image.

Click (Ctrl + F) to search, and enter specials. Insert your category link before banner image.

6. Click Save icon.

 

 

Note: If you want to edit the Delivery Info section on product page, just follow the steps below:

1. Go to your webShaper store control panel.

2. Click  Design.

3. Click Template Files.

4. Go to footer.html and click Edit.

5. Find Delivery Info by press (ctrl + F).

6. Edit the content according to your preference .

7. Click Save icon.