PDA

View Full Version : Here the manual to integrate a slider in the header on the main page



Steffen Buschkemper
April 20, 2013, 04:24 AM
Hi @ All

Here a small manual to integrate a slider in the header on the main page.

484

This manual is only for the following templates:


General Modern
Auto Modern
Realty Modern
Pets Modern
Boats Modern


This plugin supports up to 4 images with (or without) text.
I think that should be enough.

Ok lets start now.

Part 1

Open templates/*your_template*/tpl/header_home.tpl

find the following code @ line ~ 22 and behind



<div id="teaser_bg">


add the following code in a new line



{if $config.hslider_module}
<!-- slider Anfang-->
{include file='header_slider.tpl'}
<!-- slider Ende -->
{/if}


Save and Close!


Part 2

Go via ftp into the folder files and creates a new folder.
Rename this new folder as sliderimg
In this folder you must upload via ftp up to 4 images with a size of 584px x 269px for the slider.


Part 3

Download and extract the 482.
Upload the file header_slider.tpl via ftp to templates/*your_template*/tpl/

Part 4

Now download and extract the 483.
Upload the folder hslider via ftp into the plugins folder.

Part 5

Now you have login into the Admin Panel and go to Plugins -> Plugins.
Install the plugin -> hslider

Part 6

In Admin Panel go to Common -> Configurations -> Header Image Slider
Here can you make some settings or disable the plugin.

Thats all.

! Do not forget to upload the pictures in files/sliderimg/
The best is to rename the images as image1.jpg, image2.jpg, image3.jpg and image4.jpg.
It can also be png files image1.png, image2.png, image3.png and image4.png
However, you must edit this in the settings @ File Name Image e.g. -> image1.png

485

Should you have any questions or problems, then write here in this thread. 8-)

Best regards
Steffen

Steffen Buschkemper
April 20, 2013, 02:17 PM
Hi @ All,

I've uploaded a video.
Here you see the Slider in action -> LINK (http://www.myvideo.de/watch/9080306/Flynax_Header_Slider_on_main_page)

Best regards
Steffen

Kraisorn Sookboonchuthep
April 28, 2013, 07:01 AM
I make follow your manual but my image is don't show in header part for my site.

Steffen Buschkemper
April 28, 2013, 12:33 PM
Hi Kraisorn,

what kind of template do you have?



This manual is only for the following templates:

General Modern
Auto Modern
Realty Modern
Pets Modern
Boats Modern



the image names in folder sliderimg must the same as in the settings ( Common -> Configurations -> Header Image Slider )

Best regards
Steffen

Fulvio Di stefano
April 29, 2013, 05:53 PM
Perfect thanks a lot !!!!

Sui soon Chua
April 29, 2013, 10:18 PM
Great. Thumb up to Steffen Buschkemper

Fulvio Di stefano
May 17, 2013, 02:00 PM
Is there a way to have the text in different languages ???? How can i do that?

Petrache Nicolae
May 17, 2013, 08:38 PM
great job. thanks for sharing this

Steffen Buschkemper
May 20, 2013, 06:01 AM
Hi Fulvio,



Is there a way to have the text in different languages ???? How can i do that?


As soon as I have some time, i will work on the plugin and also add multilanguage and mor features.
When ready, i will publish it here.

Best regards
Steffen

Fulvio Di stefano
May 20, 2013, 01:27 PM
Hi Fulvio,
As soon as I have some time, i will work on the plugin and also add multilanguage and mor features.
When ready, i will publish it here.

Best regards
Steffen

wow it would be awesome !! hope you'll have some time before summer :))

Thanks a lot !!

Fulvio

Hareesh Ghanta
May 27, 2013, 05:24 PM
Excellent..You are the best..:)

Kemoid Wilson
June 24, 2013, 06:32 PM
Is there away to link the images or the text from the slider to a particular page on your website. For instance I would like to use the slider for businesses to advertise on and when a visitor clicks the image or the text they are taking to that dealers page. I tried typing in the link automatically and this is what I keep getting.
http://www.mysite.net/5C%mysite.net%5C%22/
It is duplicating the url.

Zebra Crossing
September 11, 2013, 06:44 AM
How do apply this to other template like Auto Modern Blue?

Manikandan Subramanian
October 12, 2013, 11:16 AM
Thank you man

Manikandan Subramanian
October 12, 2013, 11:19 AM
Thanks Mr

multi languages you did it ha?

Leandro Figueiredo
October 17, 2013, 03:27 PM
Hi Steffen Buschkemper ,

Do you can help us the apply this plugin in the template Simple Green?

Thanks

Wei Hong
November 19, 2013, 03:57 AM
Hi Steffen. Is this only for older version of Flynax?
Because I can't find <div id="teaser_bg"> in this file any more. Im using template for pet.

Open templates/*your_template*/tpl/header_home.tpl

Steffen Buschkemper
November 19, 2013, 04:05 AM
Hi,

no - you can use it also in new 4.2 version.
I have general and no pet. Hmmm i must look and download the pet template if i have time.
I will answer in this thread later.

Best regards
Steffen

Thomas Yuan
January 9, 2014, 03:44 AM
Fantastic plugin however would be even better if we could set hyperlinks from the images :)

Jeremiah Mchechu
November 1, 2014, 02:05 PM
Hellow my brother,
first thanks aloot for making that slideshow..u helped us aloot. But ı have problem when i change to arabic the slider doesnt work. any sugestion please? maybe coz the arabic language start from right to left

Jeremiah Mchechu
December 6, 2014, 10:52 AM
ı got the solutıon :)

Wei Hong
January 31, 2015, 08:30 AM
Is there anyway if I could embed a link to other site to each of the slide image?

Viktor
February 2, 2015, 03:25 AM
Hello Wei,

Only if you create new listing field and insert links there and then add this field to form through builder.

Wei Hong
February 2, 2015, 07:26 AM
That sound a little bit compliated.

Alan Abraham
February 21, 2016, 02:51 PM
Hi,

Im using the Auto wide template i dont have the header_home.tpl file in the directory anywhere. How do i integrate a slideshow on a full width homepage.

Chris Brown
February 21, 2016, 03:30 PM
Don't have the file names in front of me but Try adding it to the bottom of blocks/horizontal search tpl. I think that's what it's called

Alan Abraham
February 22, 2016, 06:14 AM
I tried adding at the bottom of the horizontal search.tpl but its coming below the seach box. But the image is not being loaded as well. I gave the same name for image file and image name in settings page. The folders are also in correct place.

Do advice where do i place the first code so i can get the banner above the search box.

Thank you

Alan Abraham
February 22, 2016, 07:55 AM
Hi ,

I just went through the codes in the Plugin . I couldnt find how the image is reference anywhere. When i used inspect element i couldnt see any image link.

Please let me know whats the issue .

Thank you

Eduardo Rocha
February 23, 2017, 12:40 AM
Is it works on 4.5.2 version?

Carlos Velho
January 3, 2019, 11:47 AM
Friends,

I tried to install it in the general modern template and could not find the header_home.tpl file. Only the header.tpl file exists. Is it in this file that I have to do the code inclusion? If yes, exactly what?
I installed the plugin in the admin panel but I could not find the file above. can you help me?

Thank you in advance.