Okay
  Public Ticket #2300372
slider where images have the same height but different width
Closed

Comments

  • cmarclos started the conversation

    I have a problem with the slideshow. I need to create a slider where all the images have the same height but different widths. (I don't want to cut the images).

  •  675
    Neuron replied

    Hi,

    Can you please send us a sample how that slider looks.

    You can achieve many things via Slider Revolution, I'm sure you can check their youtube channel and learn something from them.

    https://www.youtube.com/user/ThemePunch

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • cmarclos replied

    Good afternoon.
    What I would like to do is this slider media gallery but without a crop of the images: I want to upload all of them with the same height and that the width remains variable. If the image is narrower, I will see more of the next and previous image. I explained myself well? In this link you can see an example where you can see that the final images are resized ...

    http://msa.confettistudio.cat/portfolio/olsztyn-airport/

    Thank you,

    C.

  •  675
    Neuron replied

    Hi C,

    I am very sorry for the late reply, we did not work on the weekend.

    Something like that is not quite possible. But, if you need something like this demo, I can add to the code.

    https://owlcarousel2.github.io/OwlCarousel2/demos/autowidth.html

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • cmarclos replied

    Don't worry! 

    I think that this is exactly what I need! 

    Can you explain me exactly where i have to add the code lines?

    Thank you!

    C.


  •  675
    Neuron replied

    Hi C,

    Install the following plugin and add in Settings > Insert Headers and Footers.

    https://wordpress.org/plugins/insert-headers-and-footers/

    jQuery(document).ready(function($) {
        $('.owl-carousel').data('owl.carousel').options.autoWidth = true;
        $('.owl-carousel').trigger( 'refresh.owl.carousel' );
    });

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • cmarclos replied


    OK, I have installed the "Insert Headers and Footers" plugin but when I copy the code , the code line appears in the header. How do I have to do it so that the slider appears?

    Thanks,

    C.

  • cmarclos replied

    I don't know why, but there is a problem when i install the "OwlCarousel2-2.3.4 (3).zip" plugin ... 


    C.

  •  675
    Neuron replied

    Hi C,

    Please wrap it with scrip tags, you don't need to include OWL Carousel, if you need further help, please provide me your wp-admin, I will add it for yousmile.png

    <script>
        jQuery(document).ready(function($) {
            $('.owl-carousel').data('owl.carousel').options.autoWidth = true;
            $('.owl-carousel').trigger( 'refresh.owl.carousel' );
        });
    </script>

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • cmarclos replied


    OK, now I have copied the wraped with script tags to the "Insert Headers and Footers" text field.

     What has happened is that my gallery portfolio of the home and the slideshows of the pages have disappeared. 

    What is the next step?

  •   cmarclos replied privately
  •  675
    Neuron replied

    Hi,

    Please have a look again, I've changed the script.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • cmarclos replied

    OK, thank you! 

    I see you've changed the code from the header to the footer in Settings > Insert Headers and Footers. 

    And now what do I have to do to implement and configure the Autowdith Slider??

    C.


  •  675
    Neuron replied

    I have already did, is it working now?

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • cmarclos replied

    Sorry but it's not working now... 

    I don’t know if I should see it well in this project: http://msa.confettistudio.cat/portfolio/olsztyn-airport/ or if I have to set up something I don’t know...



  • cmarclos replied


    What do I have to do? 

    Where do I upload the images and edit slider options?

    C.

  •  675
    Neuron replied

    Hi C,

    Please edit the portfolio item with Elementor and after that yuo'll be able to manage the content and change the slider images.

    Images: https://prnt.sc/r50w7e

    Carousel Settings: https://prnt.sc/r50wek

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • cmarclos replied

    Ok, thanks, although this had already been done. 

    What am I doing wrong on this page? 

    Why I can't see the Autowith Slider? 

    Maybe it is for something related to sizes?

    http://msa.confettistudio.cat/portfolio/olsztyn-airport/

    https://owlcarousel2.github.io/OwlCarousel2/demos/autowidth.html


  •   cmarclos replied privately
  • Sandra Ramos replied

    I'm interested in this too. Can you explain the steps to take to be able to change a media gallery to show varying aspect images with the same height?

  •   cmarclos replied privately
  •   Neuron replied privately
  •   Neuron replied privately
  •   cmarclos replied privately
  •  675
    Neuron replied

    Hi C,

    Of course, I understand what you're trying to achieve, so that's why I have added that to the child theme.

    If you check it here, you'll see that the page uses the element Media Gallery Carousel.

    - http://msa.confettistudio.cat/sample-page/

    Which works exactly as the demo.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.