Hi,
How can I put one of my sliders (revolutionary sliders) on the top of my woocommerce shop page? I tried to add it in block editor but it was displayed atop of the product tiles with fixed width instead of atop of both the sidebar and product tiles.
Comments
Do use WPBakery or default WordPress block editor(gutenberg) to create your shop page?
With kind regards.
When I realized WPBakery cannot edit Woocommerce template pages, I started experimenting with block editor.
The theme doesn't have support for block editor, except for basic integration, so you will not be able to use full-width feature that is available for some blocks.
However, the Revolution slider had options to force the full width of the window, even if a container is smaller. See here "Force full width" https://wpexplorer-themes.com/total/docs/full-screen-revslider/
With kind regards.
How do add a revolutionary slider to the top of my shop page?
(Not using block editor)
As shop page is special type of page, generated more from WooCommerce then pages it is not possible, without overriding or adding with via action and some custom code.
If you will add shortcode into editor to the shop page, it will be displayed above the products, however I am not sure if this is what you want.
With kind regards.
This is exactly what i needed. I added a shortcode. However, I need to force full width, the side cart is blocking it from full width. See image
Have you tried forcing slider to full width via its options, like here https://themes.zone/docs/how-to-change-revolution-slider-layout-from-full-width-to-boxed/ ?
With kind regards.
Yes, currently it's on full-width via a revolutionary slider.
Ok, so we have to go a different route.
Instead of adding shortcode to the content, lets hijack the title bar for the shop.
Best would be for you to use a child theme for the theme, and in functions.php file in the child theme, add such a code
Just please swap to your shortcode in the above code.
It will add revo slider above the content and the sidebar.
About using the child theme https://rifetheme.com/apollo13-framework/docs/installation-updating/installing-child-theme/
With kind regards.
I was able to follow your instructions. I've updated the child theme accordingly (with my shortcode) but didn't see any changes on the front end. see image
Thanks.
Would you like a different slider or the same?
If the same, then remove this part of code
&& !$page_type['product']
.With kind regards.
Please use below code instead, and swap your shortcodes :-) Hope that helps.
With kind regards.
OK, let's try a different approach. Replace old code with following one It will add a slider for the main shop and shop categories.
It will also add a slider for single product pages.
With kind regards.
Cheers!