Docs

[bryan1976]

Hi,

I have read older threads on this topic, but they may not be relevant to the current version of X.

I am using Icon.

I utilise revolution slider on most of my pages ‘Below Masterhead’ with a transparent header overlaying the slider. See home page here: http://www.theaudiobarndev.co.uk

The website is looking amazing and ready to go LIVE, but I need to do something with the appearance of the woo commerce pages – archive, shop overview, single product etc.

Older support threads have advice on how to add revolution slider support to these pages for a Below Masthead slider. Please can you help for the current version….old threads are 2014!

Many thanks for your support. I am about to start a new website project and buy further licences!

Bryan

[Rupok]

Hi Bryan,

Thanks for writing in! Those solution from 2014 still should work, let’s give them a try. For the archive page, here is a solution – https://community.theme.co/forums/topic/need-to-add-slider-woocommerce-product-category-page-instead-of-header-text/

Cheers!

[bryan1976]

Hi,

This works mostly thanks! Just needs a few adjustments.

1) The slider is not behind the header, like on my home page. See attachment. How do i get this at the top BEHIND the header navigation.

2) I need to add padding so that the products are spaced a bit below the slider. See 2nd attachment.

Thanks,

Bryan

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[bryan1976]

This reply has been marked as private.

[bryan1976]

This reply has been marked as private.

[Rue Nel]

Hey Bryan,

To be able to add the slider in your shop and product pages, I would suggest that you update your custom code and make use of this code instead:

// Add custom slider to WooCommerce Shop and product pages
// =============================================================================
function rev_slider_in_shop() {
  if (  x_is_shop() || x_is_product() ) {
  	echo do_shortcode( '[rev_slider alias="newsletter-hero17"]' );
  }
}
add_action('x_after_view_global__slider-below', 'rev_slider_in_shop');
// =============================================================================

We would loved to know if this has work for you. Thank you.

[bryan1976]

Hi,

I deleted this within my child themes function.php

add_action(‘woocommerce_before_shop_loop’,’rev_slider_in_shop’);
function rev_slider_in_shop() {
echo do_shortcode( ‘[rev_slider sampleslider]’ );
}

And replaced with this in Cornerstone custom CSS:

// Add custom slider to WooCommerce Shop and product pages
// =============================================================================
function rev_slider_in_shop() {
if ( x_is_shop() || x_is_product() ) {
echo do_shortcode( ‘[rev_slider alias=”newsletter-hero17″]’ );
}
}
add_action(‘x_after_view_global__slider-below’, ‘rev_slider_in_shop’);
// =============================================================================

There is no slider I’m sorry.

Many thanks,

Bryan

[Rue Nel]

Hello Bryan,

I went ahead and logged in to your site. Regretfully I checked your child theme’s functions.php file and I could not find that you have added the code. If you happen to have removed it, please put it back again so that we can check if it works or not.

Thank you.

[bryan1976]

This reply has been marked as private.

[Rue Nel]

Hello Bryan,

Thank you for providing the information. I have fixed the issue and now the slider is displaying on these pages:
http://theaudiobarndev.co.uk/product/meridian-dsp3200-dsp-active-loudspeakers-inc-stands/
http://theaudiobarndev.co.uk/products/

Does this satisfy what you have in mind?

Thank you.

[bryan1976]

Hi,

Thanks for helping!

This is nearly there…..but:

1) I need the slider to behave like on the homepage. ie rev slider is behind the header like the attachment. I need breadcrumbs after the slider – not between slider and header.

2) It is not showing on archive pages like here: http://theaudiobarndev.co.uk/product-category/cd-players/

Many thanks,

Bryan

[Paul R]

Hi Bryan

Please change the code in your functions.php file that reads

// Add custom slider to WooCommerce Shop and product pages
// =============================================================================
function rev_slider_in_shop() {
  if ( x_is_shop() || x_is_product() ) {
    echo do_shortcode( '[rev_slider alias="newsletter-hero17"]' );
  }
}
add_action('x_after_view_global__slider-below', 'rev_slider_in_shop');
// =============================================================================

with this

// Add custom slider to WooCommerce Shop and product pages
// =============================================================================
function rev_slider_in_shop() {
  if ( x_is_product_index() || x_is_product() ) {
    echo do_shortcode( '[rev_slider alias="newsletter-hero17"]' );
  }
}
add_action('x_after_view_global__navbar', 'rev_slider_in_shop');
// =============================================================================

Then Add this in custom > css in the customizer

.archive.woocommerce .x-navbar-wrap,
.single-product.woocomerce .x-navbar-wrap {
    position: absolute;
    width: 100%;
    top:0;
}

Hope that helps.

[bryan1976]

Hi Paul,

WOW thats pretty much perfect thank you!!!

Everything is exactly right, except on single product pages the rev slider start under the header.

Please see attached 2 images.

1-An archive page which is perfect, the slider behind the header.
2-A single product page where the header is grey, due to the slider being below it.

Many thanks…..almost there!

Thanks,

Bryan

[Rad]

Hi there,

It seems to be working fine on my end, what browser you’re testing it on?

Maybe it’s still loading on your end?

Thanks!

[Author]

Posts