Insert a slider above top primary menu = possible?

Hello Jas999,

Thank you for the kind words and considering Ridizain – the support in using the themes I create are very much appreciated ??

The request is definitely possible via a child theme – I’m actually working on the slider adding options to choose either slide or fade and I can whip up a child theme for what you are looking for.

The slider is about 90% ready so if you can give me a few days will get you sorted on that.

Regards,
Zulf

Unfortunately this request’s configuration will take a bit of time to work out and the implement.

I will endevour to get some sort of a solution as soon as I can spare some time from my other theme projects.

Marking the thread as “Not a support question” but will keep it open as a reminder to myself.

Hi Zulf, I noticed that the site https://www.dimitricarpet.com seems to have been able to incorporate a slider above the menu using Twenty Fourteen.
I do not know if they use a free or a paying slider plugin, nor how they manage to incorporate it their site. Do you think we could be able to incorporate an existing slider plugin (hopefully a free one ?? ) in Ridizain? I am using a child of Ridizain so I can play with the style.css file.
Thanks!

Hello Jas,

That site is using the Soliloquy lite slider if you want to give it a shot.

Let me play with the code and a child theme over the weekend to see what can be done.

Regards,
Zulf

Zulf, you are really great. Really. Everybody says it, it is true, your answers are always helpful, and your themes and plugins, fantastic.

I created a slider with “Soliloquy Lite”, which gave me a shortcode and a function code:
SLIDER IN A PAGE: I was able to show a slider by inserting the shortcode (ex: [soliloquy id="344"] ) in a page.

SLIDER IN THE HEADER: I made a copy of Ridizain masthead.php and paste it in my Ridizain child theme. I copied the function code proposed by “Soliloquy Lite” and added <?php at the start and ?> at the end <?php if ( function_exists( 'soliloquy_slider' ) ) soliloquy_slider( '344' ); ?> I added that code to my masthead.php right after <div class=’header-main”> and before <?php if (get_theme_mod …
For now, it seems to work. Would that solution work with any other slider plugin? Well, I do not know…

Zulf, is it where that function code should be?

Thanks!

The drawback is that now the slider shows on every page, not just the home page… because it is now part of the master header!
I tried to create a new-page-template.php that I used as my home page, a new-header.php, a new-masthead.php and linked them in their code: no good, I get errors when I show the home page, so there must be another way to do this…
Fatal error: Call to undefined function get_new-header() in wordpress\wp-content\themes\Child-Ridizain\new-page-template.php on line 10 i.e. where I typed : get_new-header(); ?>
Help?

Hello Jas,

Thank you for the kind words, means a lot to me ??

For the drawback try the front page conditional call like so

<?php if ( is_front_page() ) : ?>
    <?php if ( function_exists( 'soliloquy_slider' ) ) soliloquy_slider( '344' ); ?>
<?php endif; ?>

You don’t need all those new template files.

Regards,
Zulf

SLIDER IN HEADER: IT WORKS! And with your last comment implemented (if is front page), the slider only appears on the home page. Moreover, the slider as well as the menu still ‘stick’ to the top of the page when scrolling. You are the best, Thanks! Have a great day!

SUMMARY of the SOLUTION SLIDER in HEADER – JUST IN HOME PAGE:

1. Make a copy of the file masthead.php and paste it in your Ridizain child theme (for other themes, it may be another file – this is for Ridizain).

2. Create a slider (I used Soliloquy Lite but it may work with other free sliders).

3. Copy the “function” code provided by the slider you just created. Mine was ” if ( function_exists( ‘soliloquy_slider’ ) ) soliloquy_slider( ‘344’ ); “

4. Open the child masthead.php file. Right after <div class=’header-main”> and before <?php if (get_theme_mod …, insert
” <?php if ( is_front_page() ) : ?> <?php ” followed by the function code provided by the slider, in my cas it was ” if ( function_exists( ‘soliloquy_slider’ ) ) soliloquy_slider( ‘344’ ); ” and close it with ” ?> <?php endif; ?> “.

This should give you the following code inserted:

<?php if ( is_front_page() ) : ?>
    <?php if ( function_exists( 'soliloquy_slider' ) ) soliloquy_slider( '344' ); ?>
<?php endif; ?>

Voilà!

I have no idea what I’m doing wrong, but I cannot get the images to scale down like the 4 images in the sample slider. It shows up huge in the background. I created a page, gave it a title, description, created a tag, selected a featured image 672 x 372 and attached it to the post.It shows up a a very large image in the background, what am I doing wrong?

@islerm1969 – Please start a new thread and provide a link to the site.

This thread is already closed and is not related to your query.

Thanks,
Zulf