Not working short code in my website , I have created the multiple portfolio category

This topic has 4 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Rose Tyler

  • Avatar: anand
    anand
    Participant
    July 24, 2023 at 08:08

    Hi ,

    I have created the multiple portfolio category from the theme.

    But, If i used short code particular category some page’s not working. please check it.

    [portfolio_category category=”silver-articles”]

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 24, 2023 at 08:16

    Hello, Anand,

    Thank you for contacting us and for using XStore.

    Where did you get this shortcode? On what page you added it?

    Kind Regards,
    8theme team

    Avatar: anand
    anand
    Participant
    July 24, 2023 at 08:27

    Hi,

    we added the silver-articles page but not working below short code.
    we want to disply only Silver articles. but here showing all portfolio images also.

    [portfolio category=”silver-articles” columns=”3″]

    https://sriganeshjewellers.co.in/silver-articles/

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 24, 2023 at 10:04

    Hello, Anand,

    [portfolio] shortcode does not have such param as ‘category’ but it only has next ones → ‘filters’, ‘pagination’, ‘ajax’, ‘columns’, ‘limit’.

    In case you need to display only one category you can add the next snippet on your page with the Elementor HTML element below.

    <script>
        jQuery(document).ready(function() {
            setTimeout(function() {
               $('.portfolio-filters').find('[data-category-id="51"]').trigger('click');
            }, 300);
            setTimeout(function() {
               $('.elementor-portfolio-wrapper').addClass('full-loaded');
            }, 700);
        })
    </script>
    <style>
        .portfolio-filters {
            display: none;
        }
        .elementor-portfolio-wrapper:not(.full-loaded) .portfolio {
            opacity: 0;
            visibility: hidden;
        }
        .elementor-portfolio-wrapper:not(.full-loaded):before {
            content: '';
            position: absolute;
            top: calc(50% - 12px);
            left: calc(50% - 12px);
            width: 24px;
            height: 24px;
            border: 1px solid #e1e1e1;
            border-left-color: #888;
            border-radius: 50%;
            animation: rotate 0.3s linear infinite;
        }
    </style>

    Examples:
    1/ https://prnt.sc/eWmAOihKEees
    2/ https://prnt.sc/VsJwSIsAiDgy

    Otherwise, you can submit a feature request on our taskboard → https://www.8theme.com/roadmap/

    Kind Regards,
    8theme team

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.