How to change full width to 100% Homeslider on prestashop 1.5

 

How to change full width to 100%

In guide related to prestashop 1.5: homeslider to top ful width we had to change a lot of things in prestashop files, like stylesheet, like template file and also module core (to support new hook). In prestashop 1.6 we can achieve all of this without touching files. We can do everything in back office with available settings and features. Awesome!

 

Disable to small banners on the right hand side

First step in our modificaiton: we have to remove two small banners on the right hand side of the main slider. These images are a part of "theme configurator" module and to remove these banners we just have to disable this module. But be aware, don't disable module at all, just disable it in hook named displayTopColumn. In this case go to modules > positions tab in back office. Search there for modules list named displayTopColumn. You will see there two modules (by default there are two modules). Click on edit button near theme configurator and click on "unhook", exactly as i show on image below.

 

Unhooking theme configurator module from displayTopColumn position

 

After this action two small baners will disappear but they will left blank empty space. So we have to fill this blank space with our slider module. Then it will have full width :) 

 

Change width of the banner

Go to modules > modules tab and search for "image slider for your homepage" addon. Click on configure button near this module and then - you will be redirected to module configuration page. In the main "settings" form change Max width param value from 799px to 1170px (just type 1170 in this field exactly as i show below). Wondering why 1170? 1170 is a width of the main page container.

 

changing width of the default home slider module from 799 to 1170

 

 

Removing banners with width smaller than 1170

Due to the fact that we changed width of the slider window, we have to remove old smaller than 1170px (width) pictures that we uploaded. We have to upload pictures with min-width: 1170px; On screenshot below i show how to remove actual slides. Below the "settings" form (where you changed width of slider) you can manage already uploaded slides. Just hit on delete button like i show:

 

removing default slides with old small width value (799)

 

Upload images with new sizes

If you removed all old slides with wrong width - now it's time to upload new pictures. So, you have to prepare own slides for example in photoshop or other desktop software. Create slides with width at least 1170 and upload them to slider. They will appear as a "full" width slides, like i show on effect image at the bottom of this article. After upload new slides - don't forget to Enable them :) You can download example of image with 1170 width here: download picture

 

New slide uploaded to website

 

 

effect of our modifications: full width slider in prestashop 1.6

Usage

This control adds displayTop position to PrestaShop templates.

It can be found under Property Window >> Add Control >> Other >> Hook Top Column.

The Shape tab designs the entire hook area - to style the modules in this specific hook use the Block tab.

The modules can be managed from the PrestaShop back office >> Modules >> Positions. The displayTop hook shows the modules already added and the new modules can be inserted using the Transplant module option.

But id didnt do much help, until i found an option at backoffice>seo&Url

I do some test on turning on and off for these option then finally i can use the https on others page:

Friendly URL : YES
Ascented URL : NO
Automatically redirect to the canonical URL : NO
Disable apache multiviews : NO
Disable apache mod security : YES

Then finally i replacing the default Review Code

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_HOST} ^store.globalsolution.com.my$
RewriteRule . - [E=REWRITEBASE:/]
RewriteRule ^api/?(.*)$ %{ENV:REWRITEBASE}webservice/dispatcher.php?url=$1 [QSA,L]

Then i replace the code With the one you given earlier:

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.hijaru.com/$1 [R,L]

And Suddenly, Everything go smooth and every page are enables with SSL.

Mission Completed, thanks For your guys help

To Open the File Manager

1. Log into cPanel.

2. In the Files section, click on the File Manager icon.

3. Check the box for Document Root for and select the domain name you wish to access from the drop-down menu.

4. Make sure Show Hidden Files (dotfiles)" is checked.

5. Click Go. The File Manager will open in a new tab or window.

6. Look for the .htaccess file in the list of files. You may need to scroll to find it.

To Edit the .htaccess File

1. Right click on the .htaccess file and click Code Edit from the menu. Alternatively, you can click on the icon for the .htaccess file and then click on the Code Editor icon at the top of the page.

2. A dialogue box may appear asking you about encoding. Just click Edit to continue. The editor will open in a new window.

3. Edit the file as needed.

4. Click Save Changes in the upper right hand corner when done. The changes will be saved.

5. Test your website to make sure your changes were successfully saved. If not, correct the error or revert back to the previous version until your site works again.

6. Once complete, you can click Close to close the File Manager window.