Problem: Slider Canvas Pagination Template + Side-Header Layout

8 replies · opened Apr 30, 2020

SsuppenhuhnApr 30, 2020

Hi!
I'm trying to use the slider-canvas-pagination template with a side-header. But when changing the body class to "streched side-header" the pagination and slide-numbers are not shown.
The same error is when using the slider-canvas-video-event template.

I'm using Canvas 5.9. but no ideas how to fix this.

SSemicolon WebSTAFFApr 30, 2020

Hello,

Simply removing the .transparent-header Class from the #header Element will fix this. We would rather recommend to Copy the Slider Codes and paste in the Side Header Templates.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SsuppenhuhnApr 30, 2020

Hi! Thank you for the quick response :)

I've already tried to copy & paste the slider code.
My approach was:
My site is based on the one-page op-side-header template -> copied the Slider-Code from slider-canvas-autoplay -> fixed the paths to the images and videos. But here only pagination is shown but no content ( images nor text ) at all -> the slider area remains black.

Only thing i found out is -> as soon i'm adding data-XYZ parameters it will screw up the slider:

		 ....original code from slider-canvas-autoplay template -> pagination only and no content is shown 

 ....deleted data-XY parameters from slider-canvas-autoplay template -> pagination is shown BUT only content of the first slider is shown..slide 2 & 3 stay black 

Any ideas what i'm doing wrong ?

SSemicolon WebSTAFFApr 30, 2020

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SsuppenhuhnApr 30, 2020

Hi!
Sorry can't provide a Live-Link yet...i'll try to do so later today.

But as i updated my previous post:

Using the op-side-header template an copy the slider code from the slider-canvas-autoplay. The error seems to be related to the section's data-parameters.


...original code from slider-canvas-autoplay template -> pagination only and no content is shown

...deleted data-XY parameters from slider-canvas-autoplay template -> pagination is shown BUT only content of the first slide is shown, slide 2 & 3 stay black
SSemicolon WebSTAFFApr 30, 2020

Hello,

Okay, so here is the thing. We have checked out your Website and the issue is that the css/swiper.css File has not been linked in the Document <head> like the other Swiper Slider Template which was causing the issue. Simply add the following Code after the style.css CSS File Linking:


- 

and everything else should work great. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SsuppenhuhnMay 1, 2020

Oh, little stupid me - sorry :-/
Thank you for your assistance !

SSemicolon WebSTAFFMay 2, 2020

Hello,

Glad that your issues were resolved. Very Happy to Help!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard