PrestaShop 1.7.5: Configure Slider, Change Header Logo, Edit Footer and Other

Dec 5, 2018699Mary Dorogokupets
PrestaShop 1.7.5: Configure Slider, Change Header Logo, Edit Footer and Other

In the first article of the series on PrestaShop 1.7.5 we made our acquaintance with the renewed admin page and its basic functionalities. Today we’re going to plunge into more practical aspects and learn:

How to Configure A Homepage Slider
How to Change Header Logo
How to Change Footer Copyright Message
How to Add Social Media Icons and Share Buttons
How to Create a New Shop

How to Configure A Homepage Slider

 

This is one of the most frequently asked questions among PrestaShop users, yet the task itself is rather simple and doesn’t require any special knowledge. Still, let’s make clear once and for all how to do this.

First, go to Modules section and choose Module Manager tab. Here you will see all the installed modules you have. Find the Image Slider module.

Prestashop 1.7.5 homepage slider

Find the Image Slider module.

Prestashop 1.7.5 homepage slider

As you click the Configure button, you’ll get to the Slider settings menu.

Prestashop 1.7.5 homepage slider

In this panel you can specify the behavior of a slider, in particular:

  • Speed – duration of transitions between slides,
  • Pauses on hover – turns on or off the capability to spot slide transition by placing mouse cursor on it
  • Loop forever – choose to loop slides forever or stop it after the first round.

Below you’ll see the Slides List section, which concerns configuration of a certain slider.

Click the Edit button and get to the following page:

Prestashop 1.7.5 header

where you can specify:

  • Title
  • Target URL
  • Caption
  • Description
  • Enabled / disabled status

This is all about homepage slider configuration. This information will be enough for a common shop administrator or manager to create and configure unique slider for their webstore homepage.

How to Change Header Logo

 

Nowadays you can’t even imagine a company that doesn’t have its own logo. It’s crucial to have a sign or an image that will be associated with your enterprise only and will be recognized by your clients and partners. Needless to say that your logo should be on not only door to your office (s), packaging of your products, corporate letters, etc., but on your webstore as well, in particular on the home page. So – how do you change logo in PrestaShop 1.7.5 online shop?

First, you need to have a logo picture on your hands. It should meet the following requirements:

  • .gif / .jpg / .png; formats;
  • < 370 x 99 pixels prefered picture size.

Having got the logo, you can now proceed to uploading it. Go to the admin panel of your shop, find the Design section and click on Theme & Logo tab.

Prestashop 1.7.5 header logo

This is where you add and configure your store logo, in particular:

  • the picture itself
  • logo placed in emails and invoices
  • favicon – a small picture that appears next to the title in the browser tab

As you can see, the mechanism of adding the logo picture from now on becomes a classic picture uploading – click on Add file button and find the needed picture in your file tree.

What’s most important here is that you can create variations of your logo and for each situation use a different one, which is, you can’t but agree, a wonderful customization opportunity.

How to Change Footer Copyright Message

 

By default the message in PrestaShop footer will look like this “© 2018 – Ecommerce software by PrestaShop™”, with the link leading to www.prestashop.com website. This is not the worst-looking copyright message, it’s true, but it can be better – it can contain the message you want it to have. So this is how you configure the copyright message from footer.

Go to International -> Translations. What you need is the Modify Translations section.

Choose Themes translation option in Type of translation, select your theme (we chose classic, it can be any for you) and language (English in our case). Click Modify to save changes.

PrestaShop 1.7.5

You’ll get to a large menu where you need to find the Theme drop-down.

PrestaShop 1.7.5

Find the Ecommerce software by field and change its content for “Created by”. Save changes.

PrestaShop 1.7.5

Follow this path: themes/classic/templates/_partials/footer.tpl.

PrestaShop 1.7.5

PrestaShop 1.7.5

Open footer.tpl and find this strings:

Here’s where you can change the link and the name for the ones you want to be reflected in your footer:

PrestaShop 1.7.5

Save the changes and check if they were applied in the frontend. And this is all for copyright modifications in footer.

How to add social media icons and share buttons

 

The amount of time people of every age and nation spend in social media is unprecedented. People share their thoughts, ideas, moments from personal lives, what they like and don’t like. Since shopping is as well rather important activity, integrating online shop and social media would be a very wise idea. This way your customers get the possibility to share your product on their news feed and you’ll get the increase of traffic and engagement. It’s a win-win situation!

To begin adding social media on your webstore, go to Modules -> Module Manager and find the following modules: Social media follow links and Social media share button.

PrestaShop 1.7.5

First click on Configure at Social media follow links. It’ll take you to the following menu:PrestaShop 1.7.5 modules for social media

Here you can see fields for 8 most popular social networks:

  • Facebook,
  • Twitter,
  • Youtube,
  • Google +,
  • Pinterest,
  • Vimeo,
  • Instagram
  • and RSS (your blog, your store, etc.).

Fill in the fields with the corresponding social media page address and click Save.

PrestaShop 1.7.5 social media icons

As a result the following buttons will appear on your homepage.

PrestaShop 1.7.5

Done! Now, to add the Share buttons, go to Social media share button module and press Configure. You’ll get to the following panel, where you can enable Share buttons for the following four media:

PrestaShop 1.7.5

As you enable them, you’ll get the following look on your product page:

PrestaShop 1.7.5 share buttons

 

How to Create a New Shop

 

PrestaShop allows you to not only create, manage and configure one store – you can create multiple stores and work with them simultaneously, in one admin panel. You can’t but agree that it’s very convenient and saves lots of time and effort.

If you decided to go multistore in PrestaShop 1.7.5, you need to go to Shop Parameters -> General. Find the Multistore tab, enable it and click Save.

PrestaShop 1.7.5

After than in the Advanced Parameters segment appears the Multistore tab, and this is the place where you will manage your other shops.

PrestaShop 1.7.5

As you go there, you’ll see the following layout. Here we need to click the Add a new shop button.

PrestaShop 1.7.5

You’ll get to the page where you need to put in the general info.

PrestaShop 1.7.5

Below you will find the Import data from another shop section. This is where you decide which information should be copied from your main shop.

PrestaShop 1.7.5

Choose the source shop is where you indicate from which shop (in you have more than one) to import the data.

In Choose the data to import you put a tick on the data you want to import to the target shop. This is where each shop owner decides for himself, but I would advise to at least import the modules.

After you configured everything described above, specify URL as a final touch and your shop is ready.

 

So, this is all for this five topics we chose to consider today. I hope the information was useful to you, and if you have questions or comments, feel free to leave them down below.



Post a new comment

top
BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *