\n<\/a>How to change header logo PrestaShop
\n<\/a>How to customize PrestaShop footer: change copyright message
\n<\/a>How to add new social networks to PrestaShop
\n<\/a>How to add PrestaShop share buttons & social media icons
\n<\/a>How to create a PrestaShop multistore<\/a><\/p>\n
How to configure a PrestaShop homepage slider<\/h2>\n
PrestaShop slider configuration interests multiple users as we receive a lot of questions regarding this topic. The task itself is rather simple and doesn’t require any special development knowledge or skills. Still, let’s make it clear how you can do it on your own.<\/p>\n
First, you need to open the Modules<\/strong> section and select the Module Manager<\/strong> tab. Here, you will see all the modules that you have installed.<\/p>\n In the Design & Navigation<\/strong> section, you need to find the Image Slider <\/strong>module.<\/p>\n Once you click the Configure<\/strong> button, the Slider<\/strong> settings menu will open.<\/p>\n In this panel, you can configure slider’s behavior, particularly:<\/p>\n Below, you can take a look at the Slides List<\/strong> section where a specific slider can be configured.<\/p>\n If you click the Edit<\/strong> button, you will proceed to the following page:<\/p>\n Here you can specify:<\/p>\n It is all the homepage slider configurations that you need to know about. This information should be enough to create and configure a nice-looking slider for your webstore homepage. However, more custom solutions require above-average developer skills and knowledge about PrestaShop specifics.<\/p>\n Run BelVG’s free PrestaShop scan to see if your configuration changes left any speed or UX issues behind.<\/p>Check your Store<\/span><\/a><\/div><\/div><\/div>\n The company without its own logo is unlikely to be remembered for a long while. It’s crucial to have a sign or an image that will be associated with your brand only. It should be unique enough to be recognized by your clients and partners.<\/p>\n Needless to say that your logo should be placed not only on the door to your office, packaging of your products, corporate letters, etc., but on your webstore as well, particularly, on the homepage. So – how do you change a logo in the PrestaShop online shop?<\/p>\n First, you need to have a logo picture that meets the following requirements:<\/p>\n Once you have a logo, you can proceed to uploading it. When you enter the admin panel of your shop, find the Design<\/strong> section and click on Theme & Logo<\/strong> tab.<\/p>\n It is where you can add and configure your store logo and manage related settings, including:<\/p>\n From now on, uploading a logo picture is not any different from uploading any other picture. First, you need to click on the Add file<\/strong> button and find the needed picture in your file tree.<\/p>\n In settings, you can create different variants of your logo and for any situation. It is a wonderful customization opportunity which is taken to ensure that the logo will look good on any page.<\/p>\n Take your online store to the next level with BelVG PrestaShop Development <\/p>Visit the page<\/span><\/a><\/div><\/div><\/div>\n By default the message in PrestaShop footer will look like this “© 2020 – Ecommerce software by PrestaShop™”, with the link leading to www.prestashop.com<\/i> website. This copyright message is definitely alright but you can make it even better – get a custom one with your own message. So this is how you configure the copyright message from footer.<\/p>\n First, you need to go to International -> Translations<\/b>. What you need is the Modify Translations<\/b> section.<\/p>\n Then, you need to select Themes translation<\/b> option in Type of translation, choose your theme, (we chose classic, it can be any other for you) and language (English in our case). Click Modify<\/b> to save changes.<\/p>\n You will proceed to the large menu where you need to find the Theme<\/strong> drop-down.<\/p>\n Find the Ecommerce software by<\/b> field and change its content for “Created by<\/strong>”. Save changes.<\/p>\n After that, you need to follow this path: themes\/classic\/templates\/_partials\/footer.tpl.<\/i><\/p>\n Open footer.tpl<\/strong> and find the following strings:<\/p>\n Here, you can change the link and the name to the ones you want to be reflected in your footer:<\/p>\n To top it off, you need to save the changes and check if they are applied in the frontend. It is all you need to know about copyright modification in footer.<\/p>\n First of all, you need to proceed to the {base_url}\/override<\/strong> folder. This folder is needed to override standard modules that we will use. Here, you need to create the Modules folder and put there a module that we want to change. In our case, it is ps_socialfollow<\/strong> and ps_sharebuttons<\/strong>. Then, we put the ps_socialfollow.php<\/strong> and ps_sharebuttons.php <\/strong>files copied from the module’s folder in these modules.<\/p>\n Let’s take a look how to override the ps_socialfollow<\/strong> class correctly. We add Override<\/strong> to Ps_Socialfollow<\/strong> and put the name of a parent class after “extend<\/strong>”. In our example, it is Ps_Socialfollow<\/strong>. You can also delete “implements<\/strong>”<\/p>\n Before<\/strong>:<\/p>\n After:<\/strong><\/p>\n You should also delete everything unnecessary from the file and use what you want to change.<\/p><\/blockquote>\n Let’s add a new social network to a standard module which is not in the default list of social networks. We will use vkontakte as an example. In order to do it, we need to enter a standard {base_url\/}modules\/ps_socialfollow\/ <\/strong>module, open the ps_socialfollow.php<\/strong> file and add the following code:<\/p>\n We add in the function And add to the function In the Then, we add a new field.<\/p>\n Add to the function We save our file and proceed to the admin panel.<\/p>\n Here, we see our new field:<\/p>\n We fill it and look how it displays at the front. (You can configure necessary styles and icons on your own via CSS).<\/p>\n Now, we add a Share button <\/strong>with the help of the standard \\{base_url}\/modules\/ps_sharebuttons\/<\/strong> module in the ps_sharebuttons.php<\/strong> file.<\/p>\n We add the name for our social network where we will share.<\/p>\n Add to the function Add to the function The next step is to save everything and open the admin panel:<\/p>\n You need to find your social network, turn it on, save and go to the front.<\/p>\n Important<\/strong>. The button data should be located at the product page only as there are all the necessary parameters (id_cart id_product). These parameters can be missing on other pages and it will cause an error or won’t function properly.<\/p>\n The last step is to fill all the needed information and click on the button. Now, it works:<\/p>\n To effectively promote your ecommerce from every side, you should manage social media integration. It is one of the first and most significant steps that allows your customers to share your products and promote them among their connections for you.<\/p>\n To begin adding social media on your webstore, open Modules<\/strong> -> Module Manager<\/strong> and find the following modules: Social media follow links and Social media share button.<\/p>\n First, you need t click on Configure at Social media follow links. This action will take you to the following menu:<\/p>\n Here, you can see fields for 8 most popular social networks:<\/p>\n Fill in the fields with the right social page of your store and click on Save<\/strong>.<\/p>\n As a result the following buttons will appear on your homepage:<\/p>\n Done! Now, to add the Share buttons, go to Social media share<\/strong> button module and press Configure<\/strong>. You’ll get to the following panel, where you can enable Share buttons for the following four media:<\/p>\n Once you enable them, the logos will appear on your product page:<\/p>\n 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. It’s very convenient and sufficiently decreases site management time.<\/p>\n If you have decided to create a PrestaShop multistore, you need to go to Shop Parameters<\/strong> -> General<\/strong>. Find the Multistore<\/strong> tab, enable it and click on Save<\/strong>.<\/p>\n After that, the Multistore<\/strong> tab will appear in the Advanced Parameters<\/strong> segment, and it is the place where you will manage your other shops.<\/p>\n On the way, you will come across the following layout. Here, we need to click on the Add a new shop <\/b>button.<\/p>\n It will take you to the page where you need to put in the general info.<\/p>\n![\"prestashop-1.7-module-manager\"](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/prestashop-1.7-module-manager.jpg\" "\\"How")
<\/a><\/p>\n![\"Prestashop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/design-and-navigation.jpg\" "\\"How")
<\/a><\/p>\n![\"Prestashop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/configure.jpg\" "\\"How")
<\/a><\/p>\n\n
![\"sample](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/sample-1.jpg\" "\\"How")
<\/a><\/p>\n![\"Prestashop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/configure-2.jpg\" "\\"How")
<\/a><\/p>\n\n
![\"CRO_audit_process\"](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2024\/07\/Get-an-audit-of-your-store.webp\" "\\"How")
Do Your Homepage Changes Affect Performance?<\/h3>
How to change header logo PrestaShop<\/h2>\n
\n
![\"Prestashop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/theme-logo.jpg\" "\\"How"){kind=logo}
<\/a><\/p>\n\n
![\"development_prestashop\"](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2019\/06\/development_prestashop.png\" "\\"How")
PrestaShop Development<\/h3>
How to customize PrestaShop footer: change copyright message<\/h2>\n
![\"translations](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/translations-1.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/translations2.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/theme-translations.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/ecommerce-software-by.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/tree.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/footer-pls.jpg\" "\\"How")
<\/a><\/p>\n<a class=\"_blank\" href=\"http:\/\/www.prestashop.com\" target=\"_blank\">\r\n{l s='%copyright% %year% - Ecommerce software by %prestashop%' sprintf=['%prestashop%' => 'Prestashop™', '%year%' => 'Y'|date, '%copyright%' => '©'] d='Shop.Theme'}<\/pre>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/code.jpg\" "\\"How")
<\/a><\/p>\nHow to add new social networks to PrestaShop<\/h2>\n
![\"add](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/add-new-social-network-to-prestashop.png\" "\\"How")
<\/a><\/p>\nclass Ps_Socialfollow extends Module implements WidgetInterface<\/code><\/p>\nclass Ps_SocialfollowOverride extends Ps_Socialfollow<\/code><\/p>\n const SOCIAL_NETWORKS = [\r\n 'facebook',\r\n 'twitter',\r\n 'rss',\r\n 'youtube',\r\n 'pinterest',\r\n 'vimeo',\r\n 'instagram',\r\n 'linkedin',\r\n ‘vkontakte’\r\n ];\r\n<\/pre>\n
public function <\/code>install()<\/code><\/p>\npublic function uninstall()<\/code><\/p>\nConfiguration::updateValue('BLOCKSOCIAL_VKONTAKTE') &&<\/code><\/p>\n$fields_form<\/code> massive, we look for the Input 'input' => array(<\/code> massive.<\/p>\n![\"configure](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/configure-prestashop-1.7..png\" "\\"How")
<\/a><\/p>\narray(\r\n 'type' => 'text',\r\n 'label' => $this->trans('Vkontakte URL:', array(), 'Modules.Socialfollow.Admin'),\r\n 'name' => 'blocksocial_vkontakte',\r\n 'desc' => $this->trans('Your official Vkontakte account.', array(), 'Modules.Socialfollow.Admin'),\r\n),\r\n<\/pre>\npublic function getWidgetVariables<\/code><\/p>\n![\"getwidgetvariables](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/getwidgetvariables-prestashop.png\" "\\"How")
<\/a><\/p>\nif ($sf_vkontakte = Configuration::get('BLOCKSOCIAL_VKONTAKTE')) {\r\n $social_links['vkontakte'] = array(\r\n 'label' => $this->trans('Vkontakte', array(), 'Modules.Socialfollow.Shop'),\r\n 'class' => 'vkontakte',\r\n 'url' => $sf_vkontakte,\r\n );\r\n}\r\n<\/pre>\n![\"edit](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/edit-header-logo-prestashop.png\" "\\"How"){kind=logo}
<\/a><\/p>\n![\"customize](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/customize-prestashop-footer.png\" "\\"How")
<\/a><\/p>\n![\"social](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/social-networks-in-prestashop.png\" "\\"How")
<\/a><\/p>\nprotected static $networks = ['Facebook', 'Twitter', 'Pinterest', 'Vkontakte'];<\/code><\/p>\n![\"share](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/share-button-in-prestashop-1.7..png\" "\\"How")
<\/a><\/p>\npublic function <\/code>install<\/code><\/p>\n&& Configuration::updateValue('PS_SC_VKONTAKTE', 1)<\/code><\/p>\n![\"prestashop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/prestashop-1.7.-configuration.png\" "\\"How")
<\/a><\/p>\npublic function getWidgetVariables<\/code><\/p>\n![\"prestashop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/prestashop-1.7.-setup.png\" "\\"How")
<\/a><\/p>\nif (Configuration::get('PS_SC_VKONTAKTE')) {\r\n $social_share_links['vkontakte'] = [\r\n 'label' => $this->trans('Vkontakte', [], 'Modules.Sharebuttons.Shop'),\r\n 'class' => 'vkontakte',\r\n 'url' => 'https:\/\/vk.com\/share.php?url='.$sharing_url,\r\n ];\r\n}\r\n<\/pre>\n![\"prestashop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/prestashop-1.7-social-network.png\" "\\"How")
<\/a><\/p>\n![\"social](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/social-media-share-buttons-prestashop.png\" "\\"How")
<\/a><\/p>\n![\"vkontakte](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/vkontakte-for-prestashop.png\" "\\"How")
<\/a><\/p>\n![\"edit](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/edit-prestashop-social-networks.png\" "\\"How")
<\/a><\/p>\nHow to add PrestaShop share buttons & social media icons<\/h2>\n
![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/social-media-modules-2.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/social-media-module.jpg\" "\\"How")
<\/a><\/p>\n\n
![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/social-media-icons.jpg\" "\\"How"){kind=icon}
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/social-media-icons-main-page.jpg\" "\\"How"){kind=icon}
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/social-media-share-buttons.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/share-buttons-example.jpg\" "\\"How")
<\/a><\/p>\nHow to create a PrestaShop multistore<\/h2>\n
![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/enable-multistore.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/configure-3.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/multistore-tree.jpg\" "\\"How")
<\/a><\/p>\n
![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/shop-edit.jpg\" "\\"How")
<\/a><\/p>\n![\"PrestaShop](\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2018\/12\/import-data.jpg\" "\\"How")
<\/a><\/p>\n