Prestashop 1.7 Installation for Artgallery

0
Thank you for purchasing Artgallery Prestashop theme for version 1.7.

PLEASE READ:

Clear your cache! (admin > advanced parameters > performance)

It’s recommended that you turn off all your caching & minify till your done working on your site. If you keep it on… clear your cache often to see the updates you make.
Please not that this theme will automatically be configured with the same settings as our demo. Of course without our demo images and products… but with Prestashop demo products.

So don’t be alarmed if the homepage slider doesn’t look like our demo. Follow the instructions and it will!

Follow our steps and it will. And contact us if you have any questions.


Installing your template

To install the template using your admin, please do the following

  1. log into you admin
  2. Go to “design > themes & logo”
  3. At the top right of the page, click on “add new theme”.
  4. Click on “Add file”under “import from your computer”
  5. Fine the downloaded zip file that you purchased and downloaded
  6. Click Save
  7. Now you will see the theme listed below, hover over the theme you want to use for your shop and click on “use this theme”.

If you purchased via Prestashop Addons, your theme will automatically be installed if you have your shop connected to your addons account.


Image Sizes

In your admin, go to design > image settings

Here you will see a list of all the image size types.

Everything upon the theme installation should be set up for you, but you may need to regenerate your product images to reflect a different size.
Also, if you have different size product image, you might want to play around with “Generate images based on one side of the source image”. This allows different sized images and allows for an automatic width or height.


Adding your logo

To add your logo to Prestashop 1.7, in your admin

  1. go to “design > theme & logo

On this page is where you add your logo. Make sure your logo width is no more than 500px wide. It doesn’t need to be larger than this. You may want to use a different logo for emails and invoices. Something that will print well.

You also upload favicons in this section as well.


Creating your home page slider

Create several images using to the size of 1400px wide by any hight you want. We used 500px tall. Keep all your slider images the same size!

In our demo the height is: 1500px wide by 500px tall. You can use any size you like but try to keep the width around 1500 wide. Then follow these instructions:

  • Click on “modules > modules & services” in left side menu
  • Click on “installed modules”
  • Search for “image slider”.
  • Click “configure”.
  • Speed: 5000 (keep default)
  • Pause & loop you can ignore

Add image to the slider

  • Click the circle plus icon to the right of the page.
  • Select the image from your hard drive
  • Add title: make sure not to add too much text.
    • Add url: This is where the link to your slide will link to.
  • Add caption: This will not be shown • Add description: make sure not to add too much text.

Add video to content

IMPORTANT

  • First you need to go to preferences > general
  • And make sure “Allow iframes on HTML fields” is set to yes.
  • Then go back into your slider module (go to modules and search for “slider” and click “configure” next to “Image slider for your homepage”.

Adding a Vimeo or YouTube Video

  • Find a video on vimeo or youtube
  • Select on the video icon
  • A popup will appear
  • Source: Youtube or vimeo video link
  • Alternative Source: Alternative video source – Leave blank if using vimeo or youtube
  • Poster: Cover of the video. You can leave this blank unless you want a specific graphic to show first
  • Dimensions: Select the sizes of the video (remember it not to make it bigger than the slide dimensions
  • You can also add a video to category, product and CMS pages.

 


Add featured products to home page

By default, the featured products module is transplanted to the home page and set in a carasoul. You can add products to this by selecting “home” as one of the categories when making the product.


Creating banners

Unlike Prestashop 1.6, Prestashop 1.7’s internal banner module will only allow one banner.

You can hook the banner module into one of the columns, or leave it as it is by default hooked onto the home page.

Then follow these instructions:

  • Click on “modules > modules & services” in left side menu
  • Click on “installed modules” » Search for “banner”.
  • Click “configure” » Then you add your information

Top banner image: how you upload an image from your hard drive

Banner link: the url that the banner will link to

Banner description: Add a description of your banner


Add social media icons

  • Click on “modules > modules & services” in left side menu
  • Click on “installed modules”
  • Search for “social media follow links”.
  • Click “configure”
  • Add your social media links and save.

Configure the mega menu

This theme comes with a mega menu. Follow the directions below to learn how to configure.

  • Click on “modules > modules & services” in left side menu
  • Click on “installed modules”
  • Search for “eShopalot Mega Menu”
  • Click “configure”
  • Click the arrow at the top right to add a new menu item

A form will show with options to build your menu item.

Prestashop Mega Menu

To make a mega menu:

Prestashop Mega Menu

Now to configure the module

Mega Menu Configure for Prestashop

Add an icon next to menu label button

  • If you want to add an icon to the menu, follow these instructions.
  • Click on “custom icon”
  • Select an icon you want to use
  • it will now open a page that has info about the icon from font awesome
  • Copy the <i></i> codes which you’ll need to insert into a menu item
  • Go back to your admin and click on “mega menu plus” and click the plus icon to add a new menu item
  • Under “link” select “html link”
  • Then click “view/edit html”
  • click on the <> icon
  • Now add the copied <i> tag like this:
    <i class=”fa fa-cc-discover”></i> Item title
  • Click okay and click on the black area.
  • Non save at the top right

Now that you have your mega menu configured, you need to turn off the built in prestashop main menu.

  • Click on “modules > modules & services” in left side menu
  • Click on “installed modules”
  • Search for “main menu”.
  • Click on the down arrow and click “disable”

If you have any problems, contact us and i’ll help get you set up.

Now that you have the mega menu setup, you need to disactivate the internet Prestashop menu.


Contact us

If you have any questions or need help configuring your theme, contact us by clicking here

Share.
Translate »