A new Widget Area over Revolution Slider

Support
#1

Hi dear Support,
i hope you can help me, i have the X-Theme with the Stack Renew.

I need a new widget Area over the Revolution Slider for two widgets. Can you give me Support to solve the problem.

I Have a Screenshot for explanation.

Best Regards Matthias

#2

Hi Matthias,

That is possible with customizing wp-header.php file from this folder: wp-content\themes\x\framework\legacy\cranium\headers\views\renew. Copy that file on the same folder on your child theme here: wp-content\themes\x-child\framework\legacy\cranium\headers\views\renew. Add it below this line: <?php x_get_view( 'global', '_header' ); ?> of code. Feel free to use the container and columns shortcode to build the columns: http://demo.theme.co/renew-1/shortcodes/columns/

Hope this helps.

#3

Hello dear support,

Thanks for the reply, but in my chield theme I just have this path:
wp-content/themes/x-child/framework/views
The folders: legacy, cranium and headers are missing

Do I have to create the other folders by hand?

Thanks vor your Support
Matthias

#4

Hi There,

You need to create the other folders.

Hope it helps

#5

Hello dear support,

Thanks for the quick reply, but I think we misunderstand ourselves or I do not understand the solution with the shortcodes.

I would like to have above the Revolutionslider right above the language switch and beside the search field.

I have once again made a sketch the hopefully clarified. The background of the line should of course be filled again with the full background of the page and not gray as in the example.

Can you help me with the appropriate code?

Tanks and best regards Matthias

#6

Hi Matthias,

Please disregard previously suggested solution.

You can add this code in your child theme’s functions.php file instead.

function add_topbar() {
?>
<div class="my-top-bar">
    <div class="my-search"><?php get_search_form(); ?></div>
    <div class="my-language-switcher"><?php language_selector_flags(); ?></div>
</div>
<?php
}
add_action( 'x_before_view_global__slider-above', 'add_topbar', 10 );

Assuming you have wpml installed for the translations, if you are using a different plugin you need to replace language_selector_flags(); with their own code.

After that add this in Appearance > Customize > Custom > Edit Global CSS

.my-top-bar {
     display:block;
     width:100%;    
}

.my-search,
.my-language-switcher {
     display:inline-block;
}

Hope that helps.

#7

Hi there,

thanks for your support!

The searchbar works great, but the language switch unfortunately does not work. If I use the code:

<?php language_selector_flags(); ?>
is the complete page black and it is only the searchbar to see. I use the language plugin: https://wordpress.org/plugins/qtranslate-x/ Must i use a other code with this plugin?

With best regards Matthias

#8

Hi There,

As we already know this php code <?php language_selector_flags(); ?> is for WPML. Please consult the documentation or contact your plugin author on what is the equivalent of that PHP code for your plugin.

Thanks,

#9

Dear Support,

If I could as originally planned over the slider a widget area merge and not the direct plugin, then it would surely work without problems and you could integrate as other plugins.

Is it only as possible as described above or is there still a possibility in the topbar one or more widget areas with the pluins in a line side by side?

With best regards Matthias

#10

Hello There,

Thanks for updating in! It may be possible but would need more custom coding which is already outside the scope of our support. If you want something much easier, the header builder feature in the Pro theme could really help you a lot. You can design the layout the way you wanted it because in the header builder, you can simply drag containers, make as columns and insert the widget area element.

Thank you for your understanding.