Okay
  Public Ticket #1967815
Portfolio Gallery
Closed

Comments

  •  40
    ep started the conversation

    Hello, thank you for your amazing theme and support :)

    When using Portfolio pages, I can build the page layout using WPBakery Page Builder, and THEN the portfolio gallery layout follows at the bottom.

    Is there a way to change the order? So that I can have portfolio gallery in the middle of my WPBakery layout?

    For example, I really wish to use the Images Slider or Comparison Images element within the rest of my page.

    Thank you!

  • [deleted] replied

    Hi ep,

    I understand what you want to achieve however if you are using WPBakery Page Builder layout then the "Portfolio" gallery is not available to use. However there can be a workaround to alternatively include the Portfolio Gallery. This can be done by including portfolio-gallery.php via shortcode:

    [kalium_portfolio_gallery]
    So make this shortcode functional please add this code in functions.php:

    function kalium_portfolio_gallery_shortcode() {
        locate_template( 'tpls/portfolio-gallery.php' )
    }
    add_shortcode( 'kalium_portfolio_gallery', 'kalium_portfolio_gallery_shortcode' );

    So in WPBakery you can include the shortcode via Text Block (see here). 

    Then you can populate Portfolio Gallery with your images and then include at the place you want between WPBakery rows.

    Please note that "Portfolio Gallery" is only available for other portfolio item types so to add your gallery items switch to Side Portfolio and add the comparison images, then save changes. After that switch back to WPBakery item type and the gallery will show.

    I am sorry if this looks complicated but there is no other way to include comparison images for now.

  •  40
    ep replied

    Hi Arlind

    Wow, thank you so much for the tip. I will give this a go :)

    How in the shortcode will I be able to specify Comparison Images or Images Slider or something else? I will see now...

  •  40
    ep replied

    Hi again, sorry I tried to add the code to functions.php but I got white screen... I tried in child and parent folders but neither worked I'm afraid.

  • [deleted] replied

    Hi ep,

    Can you please provide your WP credentials so I will try to add the code by myself and fix it for you.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Also tell me which page do you want to edit and add comparison images.

  •   ep replied privately
  • [deleted] replied

    Hi ep,

    Sorry for the previous issue it was my fault, the code that I gave you was not syntactically correct so I have modified it to work and this code is now added in child theme:

    function kalium_portfolio_gallery_shortcode() {
    include locate_template( 'tpls/portfolio-single-item-details.php' );
    include locate_template( 'tpls/portfolio-gallery.php' );
    }

    add_shortcode( 'kalium_portfolio_gallery', 'kalium_portfolio_gallery_shortcode' );

    So the shortcode works fine. 

    I have tested the results and recorded video for you to show how you can include the gallery items in your WPBakery portfolio item type:

    https://d.pr/v/qfM6pG

    I hope this works fine for you.

    Have a great weekend.

  •  40
    ep replied

    Arlind, this is amazing. So amazing. Thank you so much for helping me. This is the best theme and best supported theme on Wordpress! I'm so happy.

    I hope you have a great weekend too.

  • [deleted] replied

    Hi Elliot,

    Always happy to hear those words from our clientssmile.png If your enjoying the theme then please head over to your Downloads tab and give it 5 stars.

    We will love you forever.

    Will set this ticket as solved from here.

  •   ep replied privately
  • [deleted] replied

    Hi Elliot,

    I understand the issue here, however is it possible to give me your WP credentials so I can try to add some code to see if that will make the carousel infinite?

    Thanks

  •   ep replied privately
  • [deleted] replied

    Hi ep,

    Have you changed something in portfolio-gallery.php file?

    Because we have the same implementation of carousel in our portfolio item:

    https://demo.kaliumtheme.com/main/portfolio/multi-color/

    medium
    (view large image)

    So it doesn't revert back to the first slide after reaching the end.

    Also there might be some invalid HTML (maybe unclosed tag) in the homepage that causes this issue so I suggest you to isolate the problem first because it is weird why its behaving like this in your case!

  •  40
    ep replied

    Hi Arlind, thank you so much for investigating.

    I was also able to isolate on a new page http://wireforks.uk/portfolio/slider/ and it works fine... So it must be some invalid HTML? I will go have a look :( Thanks again!

  •  40
    ep replied

    Oh, I did it! I had some bad CSS affecting .slick-track element. Thank you again Arlind. Have a great weekend :)

  • [deleted] replied

    Glad to hear that.

    Will mark this ticket as solved from here.

    Have a great week!