#127278 Add title to image gallery

Landing Forums Jupiter WordPress Theme Add title to image gallery

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Edoardo

    Hi,

    on a website we’re developing we need to add the title to the image gallery. Jupiter has the ability to add the title on hover but, when we click on the pic, in the lightbox the title disappears. is it possibile to add the title here?

    Here is the link of the gallery we’re talking about: https://16deev.it/custom-gallery-2020/

    Here we have another problem: scrolling down the gallery we see an hole in the layout and we don’t know why.

    Let we know ho to do the modifications,
    regards,
    Edo.

    Tatyana Hutsol Support Team

    Hello,

     

    As for the title, that is related to the Fancy Box update.

    Now to show the titles in the lightbox, you need to install the child theme and copy the file from the Jupiter Donut plugin wp-content/plugins/jupiter-donut/includes/wpbakery/shortcodes/mk_gallery/components/hover-layer.php to the child theme wp-content/jupiter-child/wpbakery/shortcodes/mk_gallery/components/hover-layer.php and add the code in lines 15 and 53:

    data-caption="<?php echo $image_title ?>"

    http://prnt.sc/10sdelx
    http://prnt.sc/10sdf1l

    Then the titles will be shown.

     

    As for the space, add this code in Theme Options > Advanced > Custom CSS:

    .mk-gallery .item-holder img {
    height: 250px;
    }

     

    Regards.

    Edoardo

    Hi Tatyana,

    thank you so much!

    I have another question related to the breadcrumbs of products. i’m using several code in functions php to customize it.

    i want to display in the product page the full path, including the parents category (eg. Home -> shop -> custom -> jersey)

    As you can see on this page (https://16deev.it/en/categoria-prodotto/custom-en/jersey-custom/) we only see Home -> Shop -> Jersey but, on the page product, i see the full path like i want to do (https://16deev.it/en/negozio/custom-en/jersey-custom/carbon-jersey/).

    Is it possibile to show even on the category page the full path like the single product page?

    I’ve tried to update the shop title too using this code, but it doesn’t work:

    add_filter( ‘woocommerce_breadcrumb_defaults’, ‘woo_change_breadcrumb_home_text’ );
    /** * Change the breadcrumb home text from “Home” to “Shop”.
    * @param array $defaults The default array items. * @return array
    Modified array */
    function woo_change_breadcrumb_home_text( $defaults )
    { $defaults[‘home’] = ‘Parentini Bikewear’; return $defaults; }

    Let me know,
    Regards,
    Edo.

     

    Tatyana Hutsol Support Team

    Hello,

     

    You can use Yoast SEO plugin and set the breadcrumbs in the Yoast settings.

    This way you’ll get the full path.

    Regards.

    Edoardo

    Hi,
    i’ve used the yoast seo breadcrumb functionality and now i see the full path in the product page but not in the archive pages, but it’s ok.

    Is there a way to customize the “shop” title that appears in the breadcrumb on the page product? i’ve tried to modify the “Product Category Archive Loop Title” in jupiter’s theme option from “shop” to “collezioni” but i still see “shop” instead of “collezioni”.

    Let me know,
    regards,
    Edo.

    Mohsin Al-Rabieai Support Team

    Hi Edoardo,

    You just need to change the title of your shop page in Italian language. I just did it for you. Please check now.

    Bests

    Edoardo

    Hi Moshin,

    thank you so much. I have another question related to the menu: in the mobile menu we need to add the ability to open the sub menu clicking on the items instead only on the arrow. Is it possible to do that? Actually, when clicking on a sub menu without a link, the menu collapse.

    Mohsin Al-Rabieai Support Team

    Hi Edoardo,

    This is not possible and requires customizations. In case you need someone to write you this code, feel free to ask it in WPDone.
    However, it might be possible to achieve this only and only if you don’t add any link to those menu items that you considered as title of the menus (parent menus). In this case, I guess if you add this CSS, you can somehow achieve what you want:

    @media screen and (max-width: 1140px) {
        .mk-responsive-nav .mk-nav-arrow {
            left: 0;
            text-align: right;
            width: 100%;
            padding-right: 11px;
            display: block;
        }
            .mk-responsive-nav .mk-nav-arrow svg{
           
            margin-right: 15px;
          
        }
    }

    Bests

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
Login