Search Results for 'page+'

[Nicolae]

Nicolae

#290467

Hi michaeltarongoy,

I used the above code and I activated it in Code Snippets, as in the video. I tried it on homepage.

Now I used the shortcode [blog_grid items=4 columns=2 post_id=”2930,3109,2936,3090″] on a test page, https://www.crifst.ro/test/. As you can see, there are much more than 4 posts, and nothing to do with the post IDs used in shortcode.

Best regards,

Nicolae

• This reply was modified 1 year, 9 months ago by Nicolae.

[multimedia-6494]

multimedia-6494

#290464

Hello, one more question about BBQ BEER Fest starter template. Even in your demo, the carousel on homepage does not start playing.

Same behaviour on my site, even though it is set to “Carousel auto play”

[multimedia-6494]

multimedia-6494

#290464

Hello, one more question about BBQ BEER Fest starter template. Even in your demo, the carousel on homepage does not start playing.

Same behaviour on my site, even though it is set to “Carousel auto play”

[Dianna Cheng]

Dianna Cheng

#290461

I am currently rebuilding an existing site and am still new to Kadence. I have looked everywhere for this and cannot find a straightforward answer, it’s driving me crazy. So I am hoping to get a straightforward answer here. How do you reference Kadence Icons inside custom code?

I’ve created a short code for follow links, it pulls content from a repeater field. Editors can select a social platform and the linked icons will be displayed in the page. I am adding this to a custom template for a custom post type. Everything needs to be dynamic where possible. The Repeater Block does NOT work for this case, hence the custom short code.

Anyway, the short code works but is not pulling in the icon and I just need to know how to properly reference kadence icons in the code so that they will display. Below is an example of what I am talking about but using icomoon svg code.

if ($name && $link) {
echo '<li class="sme-link social-' . $name . '">';
echo '<a href="' . $link . '" class="icon" title="Follow on ' . $name . '" target="_blank" rel="noopener">';
echo '<svg class="icon icon-'. $name .'"><use xlink:href="symbol-defs.svg#icon-'. $name .'"></use></svg>';
echo '</a></li>';
}

[Dianna Cheng]

Dianna Cheng

#290461

I am currently rebuilding an existing site and am still new to Kadence. I have looked everywhere for this and cannot find a straightforward answer, it’s driving me crazy. So I am hoping to get a straightforward answer here. How do you reference Kadence Icons inside custom code?

I’ve created a short code for follow links, it pulls content from a repeater field. Editors can select a social platform and the linked icons will be displayed in the page. I am adding this to a custom template for a custom post type. Everything needs to be dynamic where possible. The Repeater Block does NOT work for this case, hence the custom short code.

Anyway, the short code works but is not pulling in the icon and I just need to know how to properly reference kadence icons in the code so that they will display. Below is an example of what I am talking about but using icomoon svg code.

if ($name && $link) {
echo '<li class="sme-link social-' . $name . '">';
echo '<a href="' . $link . '" class="icon" title="Follow on ' . $name . '" target="_blank" rel="noopener">';
echo '<svg class="icon icon-'. $name .'"><use xlink:href="symbol-defs.svg#icon-'. $name .'"></use></svg>';
echo '</a></li>';
}

[Anonymous]

Anonymous

#290459

Hi Nicolae,

Can you send the complete shortcode you used?

It is odd that it used random posts though. The code Eze gave ran the Query based on the parameter fetched from the post_id.

Did you insert the shortcode on a page with a block that is already running its own Query? Blocks like the Post Grid/Carousel and the Adv Query Loop are examples.

Can you try if the issue happens on a newly created page/post?

Let us know if we can assist you further.

Kind Regards,
Michael Taro

[chitocamacho]

chitocamacho

#290454

Hi there,

Thanks for writing in.

It looks like the background image applied to the Row Layout block hasn’t been imported to your website.

Kindly edit the page, select the first Row Layout block, and replace the image in the Background Overlay Settings.

Another way is to reimport the Pricing page from the BBQ Beer Fest template via the Design Library. Here’s a video for reference: https://share.zight.com/qGub4O8J

Please let me know if you need further assistance.

Best,
Chito

[multimedia-6494]

multimedia-6494

#290452

Hello, I installed the Kadence theme and chose the starter template BBQ BEER Fest.
However, I have a problem. In the official demo, there is a background of pages such as CONTACT, PRICING etc.

I would like that as well, but I can’t get it to look like that.

[multimedia-6494]

multimedia-6494

#290452

Hello, I installed the Kadence theme and chose the starter template BBQ BEER Fest.
However, I have a problem. In the official demo, there is a background of pages such as CONTACT, PRICING etc.

I would like that as well, but I can’t get it to look like that.

[Nicolae]

Nicolae

#290450

Hi Eze,

Thank you for your prompt and detailed answer. Unfortunately, it seems that the page where I insert the shortcode do not see the post ID, and it display more post but with random id. Maybe the function has a bug.

Best regards,

Nicolae

[Eze]

Eze

#290448

Hi Nicolae,

To create a blog grid in WordPress that displays specific posts based on their IDs, you can use a custom shortcode. However, the default WordPress shortcodes do not support specifying posts by their IDs directly.

As a workaround, you can achieve this using this custom function:

function custom_blog_grid_shortcode($atts) {
    // Extract the attributes
    $atts = shortcode_atts(array(
        'items' => 4,
        'columns' => 2,
        'post_id' => ''
    ), $atts, 'blog_grid');

    // Convert the post IDs to an array
    $post_ids = explode(',', $atts['post_id']);

    // Query the posts
    $args = array(
        'post_type' => 'post',
        'post__in' => $post_ids,
        'posts_per_page' => $atts['items'],
        'orderby' => 'post__in'
    );

    $query = new WP_Query($args);

    // Start output buffering
    ob_start();

    if ($query->have_posts()) {
        echo '<div class="custom-blog-grid" style="display: grid; grid-template-columns: repeat(' . esc_attr($atts['columns']) . ', 1fr); gap: 20px;">';

        while ($query->have_posts()) {
            $query->the_post();
            echo '<div class="grid-item">';
            if (has_post_thumbnail()) {
                echo '<div class="post-thumbnail">';
                the_post_thumbnail('medium');
                echo '</div>';
            }
            echo '<h2 class="post-title"><a href="' . get_the_permalink() . '">' . get_the_title() . '</a></h2>';
            echo '<div class="post-excerpt">' . get_the_excerpt() . '</div>';
            echo '</div>';
        }

        echo '</div>';
    }

    // Reset post data
    wp_reset_postdata();

    // Return the content
    return ob_get_clean();
}
add_shortcode('blog_grid', 'custom_blog_grid_shortcode');

Here is how to add the custom function to your website using the Code Snippets plugin:
https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-add-a-custom-filter-or-function-with-code-snippets/

After adding the above code, you can use the shortcode in your page like this:
[blog_grid items=4 columns=2 post_id=”23,37,101,123″]

This will display a grid of posts with the specified IDs in the layout you defined.

Here is a screencast for your reference:
https://share.zight.com/L1ub2J2l

I hope this helps. Please let us know how we can help further.

Cheers,
Eze

[architabasandrai]

architabasandrai

#290444

Hi Yaroslav,

I’m glad you reached out. I’d be happy to help.

The WooCommerce filters work only on WooCommerce archive pages, so they will not display in the Catalog off-canvas woocommerce sidebar if it is placed on regular pages.

As an alternative, you can use the Advanced Query Loop non woo pages, but it doesn’t support the Catalog off-canvas sidebar. It does have the option to add WooCommerce filters on the page. As of now, advanced query loop has 5 Initial layout with filters. Check the screenshot for reference:https://share.zight.com/qGub4Kgm

Check the advanced query loop documentation here: https://www.kadencewp.com/help-center/docs/kadence-blocks/advanced-query-loop-block/

There’s an existing feature request for off-canvas filter support for the Advanced Query block, you can add your vote here: https://feedback.kadencewp.com/p/query-loop-adv-to-add-off-canvas-filters-support.

Adding a vote can help prioritize its development.

While there’s no specific timeline for when this feature might be added, know that we’ve also internally highlighted this as something our users are looking forward to.

I hope this helps. Let us know if we can assist you further.

Best Regards,
Archita

[bncrochet]

bncrochet

#290437

Thanks for your help! For context, I’ve been modifying template website (bundled with Kadence) for a business that sells photography lessons. I’ve been fiddling with that first Row (with 3 sections) on the home page. Whatever I’ve done, now none of the Sections on that whole page offer the “Flex Grow” option, as exemplified in the first image below. The second image below is from a fresh (untouched) version of that same template website; it’s Sections do still show the “Flex Grow” option. Obviously, I’ve screwed something up…just can’t figure out what! 🙂

[chitocamacho]

chitocamacho

#290435

Hi Cyrille,

The Kadence Blocks Pro version 2.4.1 has been released today. Kindly update the plugin on your website or get the latest version on your account page. Let us know if you encounter any other issues.

Best,
Chito

[chitocamacho]

chitocamacho

#290434

Hi Deborah,

Thanks for writing in.

Did you select a launch trigger? The conversion item is displayed on the entire site by default, but you can still select “Entire Site” in the Target Pages setting. Here’s a video for reference: https://share.zight.com/L1ub2n7v

If the conversion item still does not show up on your website, please try to disable the “Enable Repeat Control” option in the Repeat Control setting.

If the problem persists, can you please send me a screen recording showcasing the issue and the link to your website?

Thanks,
Chito

[Deborah Savadra]

Deborah Savadra

#290431

What’s the secret handshake to getting a banner to actually show up on the site, even when it’s set to show on all pages and is published? The Knowledge Base doesn’t really go into those details.

• This reply was modified 1 year, 9 months ago by Deborah Savadra.

[Karla]

Karla

#290429

Hi, Rait!

I’d be happy to help you with this.

Based on the screenshot, the styles for the add-to-cart form might be causing some issues. Could you apply the Woo Template to one product and give us the product page link here?

I’d like to compare the styles applied on the default product templates and Woo Templates.

You may mark your response as private so only you and the support team can see the URLs.

Regards,
Karla

[Karla]

Karla

#290428

Hi there!

There is also a “Show Comments” toggle for pages. You should see the option by going to Customize > Posts/Pages Layout > Page Layout – https://share.zight.com/OAuZvX44

Also, check your WordPress Discussion Settings or your specific posts/pages settings – https://wordpress.com/support/comments/

Let us know if we can help you further with this.

Regards,
Karla

[teejayhidalgo]

teejayhidalgo

#290417

Hi there,

Thank you for sharing the AMP plugin you are using.

I tried to install that on my test website and that also prevents the Accordion block from functioning correctly on my website.

Disabling the plugin fixes the issue.

​Here’s a screen recording for reference: https://share.zight.com/p9u2oG70

When implementing AMP (Accelerated Mobile Pages) on your website, JavaScript usage is restricted and managed differently compared to traditional web pages.

Instead, it provides its own set of components and JavaScript library (AMP JS) that are optimized for performance. Only certain JavaScript components and extensions approved by AMP are allowed.

AMP plugins can vary significantly in terms of features, how they handle AMP conversion and their compatibility with different themes and plugins.

For instance, when utilizing the Kadence AMP plugin, the Accordion block appears as static content, preserving the display of information in the AMP version while eliminating its interactive accordion functionality.

​Here’s a screen recording for reference: https://share.zight.com/rRuDA7lv

Based on my observation, the plugin you’re currently using does not adopt this method and instead disables the functionality altogether. There are options like suppressing some plugins on the AMP version. However, doing that will completely remove the block on your page.

​Here’s a screen recording for reference: https://share.zight.com/ApumqkLD

Kadence AMP also has the option to override the content with simpler content.

​Here’s a screen recording for reference: https://share.zight.com/nOu72kLb

The AMP plugin you are using doesn’t have this option but both plugins have the option to enable/disable AMP for specific pages.

– https://share.zight.com/DOuE1xKO
– https://share.zight.com/Wnu8WJZA

To summarize your options:

1. Use a different AMP plugin like the Kadence AMP

This will give you the option to create different content with simpler content to display for the AMP versions of your website.

By default, the plugin will also be more compatible with the Kadence Blocks

2. Disable AMP on the page where you have the Accordion

3. You can also try looking into other Accordion blocks. For example, https://wordpress.org/plugins/lightweight-accordion. It is a Javascript-free accordion that would work with AMP

​Here’s a screen recording for reference: https://share.zight.com/12uljJjn

I hope this helps. If you have further questions, please let us know; we’ll be happy to help.

Best regards,
Teejay.

[Karla]

Karla

#290408

Hi!

I’d be happy to help you with this.

To clarify – are you going to add the Prev/Next links on the single posts pages? If this is the requirement, you can add the Previous and Next Post blocks to your element/template:

– https://wordpress.org/documentation/article/previous-post-block/
– https://wordpress.org/documentation/article/next-post-block/

These blocks will act as the post navigation links.

I hope this helps, and let me know if I can help you further.

Regards,
Karla

[Eze]

Eze

#290403

Hi there,

Glad you reached out, happy to help.

You can use this custom CSS to set border-radius for the Posts block images and featured image on the single post page:

.wp-block-kadence-posts .loop-entry .post-thumbnail img {
    border-radius:30px;
}

.wp-site-blocks .post-thumbnail img {
    border-radius:30px;
}

Here is how to add the custom CSS to your website:
https://www.kadencewp.com/help-center/docs/kadence-theme/how-do-i-add-custom-css/

Watch this demo screencast of what happens when the CSS code is added to your website:
https://share.zight.com/geu7Kwwx

I hope this helps. Please let us know how we can help further.

Cheers,
Eze

[Yaroslav]

Yaroslav

#290393

Hello Kadence Family. I like advanced query loop and trying to make advanced filters usable on mobile. I like how they work in kadence woo commerce, when the shop page has a filter button that triggers off canvas with filters. Can we do this way on non woo pages? Or do you have some good examples of how to create usable on mobile filters with adv query loop block?

[Yaroslav]

Yaroslav

#290393

Hello Kadence Family. I like advanced query loop and trying to make advanced filters usable on mobile. I like how they work in kadence woo commerce, when the shop page has a filter button that triggers off canvas with filters. Can we do this way on non woo pages? Or do you have some good examples of how to create usable on mobile filters with adv query loop block?

[alessiocaiaffa]

alessiocaiaffa

#290381

Hi guys,
I need your help! 🙂

I have to set radius image in the homepage and the single post page layout (as the image below).

Can you help me?

Thank you!

[alessiocaiaffa]

alessiocaiaffa

#290381

Hi guys,
I need your help! 🙂

I have to set radius image in the homepage and the single post page layout (as the image below).

Can you help me?

Thank you!