Okay
  Public Ticket #1851909
Image Carrousel
Closed

Comments

  • Maria started the conversation

    Hi !

    I select the option carrousel to show different images, the UI is cool, but when I put the "medium" image size it appears little and uncentered (screenshot 1),  same if a changed for "large", it appears at large size but uncentered (screenshot 2). Can you tell me how to fix it please? :)

  •  1,974
    Support replied

    Hello Maria

    it is recommended to use our shortcodes like carousel slider if you want to keep the AJAX transitions between pages. I'm not sure why the WPBakery Carousel slider behaves the way it does, perhaps it's a matter of viewport?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Maria replied

    Hello !

    But the problem aren't the transitions, the carrousel is off centered and crashed, you can see on the screenshot. Id like to have the carrousel as you have on Wizzaro template in "Sport Black" project, just with one image for page (same transition). I add you an screenshot! :)

    How can I have the same? It will be so useful for me if you send me a screenshot with steps to get it! ^^

  •  1,974
    Support replied

    Hi Maria

    You should insert a Wizzaro carousel shortcode as seen in this screenshot:

    https://d.pr/free/i/dY0rOH

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Maria replied

    Hii, thanks to the fast answering ! :)

    I've test this, but still doesn't work, Id like to show one image per slide (I add you another example of Wizzaro, Opulence project). In screenshoot B_1 I've put the same way you show me, and the B_2 is the result, also don't allow me to change the size. I've change the photo size and name also for the caché, but still doesn't work. What could be the problem? 

  •  1,974
    Support replied

    Ok, I got it, in this case what you want is adding a Normal Image Slider another Wizzaro shortcode:

    https://d.pr/free/i/8LQDqc

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Maria replied

    Hi again, I tried it previously and now because you said it, but still doesn't work, the only thing that changed is that image appears bigger, but there's no "little black points" or something to slide the image, I want the same as you have in the image I attached you, it should be simple to do it. You can go to https://mariaotero.me/wizzaro_portfolio/efootball-pro and see it doesn't work. Please, is any way to do it or fixed it? I know sure you have a lot of tickets but is so hard to me to work in this way. It seems that everything is crashed. I have another problem too, im with two tickets for this portfolio at same time. 

    Please, tell me how can I fixed it or if there's some problem.

  • Maria replied

    I just want this (image attatched) but all centered. If is too difficult  to fixed it telling me, finally i'll give you my password, it seems is the only way to fix all the problems, because this is not the only ticket im answering, I need to work. And I can't event put a slider image without talking with support constantly. So, again, if you think it will be more easy i'll give you my password.

  •  1,974
    Support replied

    I cannot speak for WPBakery image carousel but I would like to try to see what's wrong with the Normal Image Slider. Because it looks like this the issue.

    if you can send us wp admin access in a private comment.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •   Maria replied privately
  •  1,974
    Support replied

    Hi Maria,

    ok so I fixed a couple of things

    - first, I updated your WPBakery plugin to the latest

    - I enabled the WPBakery editor in pages (that's why you were not able to see it) in plugin's settings

    - I fixed the contact form issue and styled it a bit

    - I fixed the slider and add it on dark background as in our demo. the thing is that you should add our classes in Extra class name in row's options:

    https://d.pr/free/i/LhQCXi

    the Lazy Load plugin was enalrging the images background so the slider would appear very big in height. I disabled it.

    - I removed WPBakery animation that was causing some images to disappear. you should use our class 'has-animation' in Extra Class Name as mentioned in my prev comment

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Maria replied

    Ohh thanks! But, I can see anything, the home page charge slowly and when I go to any project I only see a "not found page" and all is black..... like all disappear!! 

  •  1,974
    Support replied

    Hi Maria,

    Not sure what happens on your end but this is what I see:

    https://d.pr/free/v/eXjbZ9

    Try hard refreshing your home page (Ctrl+F5)

    Also make sure you optimize your images for web, they are pretty big

    The standard we use is to have 1600px width for full-width images and 800px width for thumbnails

    If you are using Adobe Photoshop, save images with 60% quality.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Maria replied

    Thanks for all you done!

    - Thanks for the contact issue and styled! :)

    -  I see the carrusel is ok, too big but I think I cant change the size isn't? Thank you^^

    - Then I have to put "has animation" in every image?

    In other hand, I've change now and put "design" in the slug custom. Thanks for the advise, but know the page is slow and some image dissppear and change the way I see, also the project "INK BRO" dissappear :(

  • Maria replied

    Thanks for the advise, yes the image are big but they don't weigh more than 1MB, but ok i'll change it. :)

    The think is that the web doesn't work until you refresh. First if you go to: https://mariaotero.me/ and then go to "INK BRO" project, it doesn't appears until you refresh the page. Also "bonjourbebe" has the images uncentered and some things disappear, I show you a video ^^

  •  1,974
    Support replied

    The reason the page is now slow is that with old slug your images urls were cached.

    Ink Bro does not have any image because VC animations are not compatible with ajax. (see my note about our class 'has-animation')

    I think you can reduce the height of the slider if you reduce the height of the images included in the slider - the slider will try to preserve the aspect ratio of the images and the current row width.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Maria replied

    - Ohh...ok, then please do you know how can I fix it? Because if I leave the space of slug empty, the "wizzaro portfolio" name appears again in the URL.

    - Thank you, then I'll put in every image "has-animation"... the thing is that in efootball.pro there are some images that doesn't have this "has animation" and still appear, that's why I ask you, why InkBro need it and some image about efootball.pro not. 

    - Thank you, ill try tomorrow! :)

  •  1,974
    Support replied

    Hi

    has-animation is our class and I recommended to use this class in Extra class name instead of using VC animations.

    You should optimize your images for web to reduce the size and follow some general guidelines for increasing the overall speed.

    How to optimise the speed of my website?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Maria replied

    Hi again! :)

    - Ok thanks, sorry I don't understand the programmer language, that's why I made a lot of questions about it!

    - Thanks, actually I know about it but is an interesting page to keep in mind! :)

    - The projects have cool scrolling, the problem is at home page, the projects appears so slow, with lack, but before I changed the slug url (the way you told me in general settings "wizzaro_portfolio" by "design" ) was working cool. So how can I clean the cached url, or whatever isn't ok, to fix it? (The InkBro portfolio still doesn't appear, you have manually change the url to watch it, also there are strange characters in it).

  •  1,974
    Support replied

    Hi Maria

    The site loads with decent speed and I was able to see Ink Bro project

    https://d.pr/free/v/ltSxp3

    I did a hard refresh of the page (Ctrl+F5)

    Try to do the same I'm not sure what is going on on your end.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Maria replied

    Hiii !

    Yes, now it works because I found the mistake, was that in the slug to change the url I've put "design" with a space in, that's why it doesn't worked. Thank you anyway!!! :) 

  •  1,974
    Support replied

    Ah, ok. smile.png

    Glad it's working now.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy