Woocommerce and Slider Revolution

mwojcikintegart · August 2018

Hello,

I need to add slider to woocommerce category pages: https://prnt.sc/kfqinr

like on other pages like https://prnt.sc/kfqhwt

Please help me with information how can i do it.

Pablo · August 2018

Hi,

Please edit the main page of WooCommerce.

In Page Options, scroll down to the Media Section and select the slider of RevSlider or LSlider

http://prntscr.com/kfr5s3

Thanks

mwojcikintegart · August 2018

Hello,

After doing it I have black background under it: http://termotransfer.domain.com.pl/produkty/

And this method works only for main page of shop. What about categories/subcategories like http://termotransfer.domain.com.pl/produkty-kategoria/urzadzenia/ ? How can I add slider to shis page?

I have created similar structure webpage but it seems to be ignored.

Thank you

Michał

Pablo · August 2018

Which black background under it?

http://prntscr.com/kg37gf

I can see only black stripes on left and right.

Did you try to upload for this section a slider too? Same as for main page of shop.

Thanks.

mwojcikintegart · August 2018

Hello,

yes, I am talking about black stripes: https://prnt.sc/kg50ix . When I use this slider on other pages (non woocommerce) they are white and I want them in this color.

"Did you try to upload for this section a slider too? Same as for main page of shop." - I am not sure what do You mean. I created page "urzadzenia" under page "produkty-kategoria" to build url http://termotransfer.domain.com.pl/produkty-kategoria/urzadzenia/ But it looks that woocommerce template overwrites my template from page "urzadzenia".

Thanks.

Pablo · August 2018

Hi,

1) Go to Slider Revolution plugin and edit your slider, get into Slider Settings, be sure that your Slide Layout is Full-Width

http://prntscr.com/kg5bgb

2) In Page Options, scroll down to the Media Section and select the slider of RevSlider or LSlider

http://prntscr.com/kfr5s3

Isn't it working?

Thanks.

mwojcikintegart · August 2018

1. It was on auto, I have changed to full-width but it is the same - still black http://termotransfer.domain.com.pl/produkty-kategoria/

The same banner on main page has white background: http://termotransfer.domain.com.pl/

2. It seems to works but only in 1st level directory

- ok http://termotransfer.domain.com.pl/produkty-kategoria/

- not ok/no banner http://termotransfer.domain.com.pl/produkty-kategoria/urzadzenia/

Is it possible to send you login/pass to check it/fix it?

Pablo · August 2018

Hey,

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

mwojcikintegart · August 2018

Email sent.

Pablo · August 2018

Hi,

We were on your website and we noticed few things.

1) If you want to make your slider full-width, you have to set up for every element on the slide

as "Slide Based"

(https://www.themepunch.com/revslider-se-doc/layer-responsive-behavior/)

Because if it's set as "Grid Based" it will automaticly end when the grid of website ends.

Slide Based is undependent away from this and it will be full width all of the time.

2) Your shop page is on /produkty not /produkty-kategoria, but that doesn't matter at all

It's not possible to make slider on category page, WooCommerce files aren't allowing to do this.

To achieve this, you would have to edit the code of WooCommerce, we do not support that.

Thanks.

mwojcikintegart · August 2018

1) I don't want full-width banner. You wrote that I should to try. The problem is back background on shop pages like this http://termotransfer.domain.com.pl/produkty/ The same slider has white background on non-shop pages. And it is the effect I would like to have

2)ok

Pablo · August 2018

This black background can be fixed only with

making other slider with white color on background.

CSS shows that it's a part of the slider.

Thanks.

mwojcikintegart · August 2018

I have tried to change background and there is something wrong.

Background is still black: http://termotransfer.domain.com.pl/produkty/ but in slider setting is RED https://prnt.sc/kgzqo3

Another example:

On main page http://termotransfer.domain.com.pl/ is white background. The same slider on another page has color BLACK http://termotransfer.domain.com.pl/blog/

Are you sure that it comes from slider. for me it comes from #Header_wrapper

Please help

Pablo · August 2018

Please use this Custom CSS to manage a color of this black background

We'll look at your page again, this is a temporary solution.

.tp-revslider-slidesli{
	background:white !important;
}

Thanks

mwojcikintegart · August 2018

Works but during loading (refreshing) for a moment is loading black background. It's ennoying blink.

You wrote that's temporary but can I count that with new version it will be fixed?

mwojcikintegart · August 2018

I added this and no blinking:

#Header_wrapper {
background:white !important;
}

Pablo · August 2018

Is all right now?

Can we help you with something else too?

Thanks.

mwojcikintegart · September 2018

All ok. Thank you.

Woocommerce and Slider Revolution

Comments