WeblineIndia

Hi pervez121,
Thank you for reaching out regarding the Popular Posts – By Webline plugin. I understand you’re looking to truncate the post titles to a specific length when they are too long.

At the moment, there isn’t a built-in setting for this, but you can use the following CSS snippet to limit the title length and display an ellipsis (“…”) if the title exceeds the specified width:

.wli_popular_posts-listing h3:first-of-type a {
    width: 100px; //adjust based on your need
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

Please follow below steps to implement the solution:

1. Add the above CSS to the style.css file of your active theme.
2. Adjust the width value (100px in the example) to your preferred length for truncating the title.

Once added, this CSS will ensure that long titles are truncated to the defined width and will display an ellipsis(…) at the end.
I hope this resolves your issue! Let me know if you need further assistance or have any more questions.

Best regards!

Hi @tanishbaansal ,
Thanks for using our plugin!

Our plugin operates using the default WooCommerce hooks.
To display our sticker on the product listing page, it uses the hook: woocommerce_before_shop_loop_item.
For the product details page, it uses the hook: woocommerce_before_single_product_summary.

It appears that your theme’s search results page either does not use these hooks or is overriding them.
If you need to modify the theme code to make it compatible, you can try adjusting it as shown in the sample code below in your child theme’s functions.php file and let us know if it works!

function get_product_badge_html() {

    // Ensure this path points to the correct plugin file

    $plugin_dir = WP_PLUGIN_DIR . '/woo-stickers-by-webline/public/class-woo-stickers-by-webline-public.php';

    // Check if the plugin's class file exists before including it

    if (file_exists($plugin_dir)) {

        // Include the plugin's public class file

        require_once $plugin_dir;

        // Instantiate the main class and its public class

        $woo_stickers = new Woo_Stickers_By_Webline();

        $plugin_public = new Woo_Stickers_By_Webline_Public($woo_stickers->get_plugin_name(), $woo_stickers->get_version());

        // Get the current product ID

        $product_id = get_the_ID();

        // Check if the 'show_product_new_badge' method exists in the public class

        if (method_exists($plugin_public, 'show_product_new_badge')) {

            // Start output buffering

            ob_start();

            // Call the method to display the product badge

            $plugin_public->show_product_new_badge($product_id);

            // Get the buffered output and clean the buffer

            $output = ob_get_clean();

            // Output the badge HTML

            echo $output;

        } else {

            // Output a message if the method does not exist

            echo 'Method show_product_new_badge does not exist.';

        }

    } else {

        // Output a message if the plugin file is not found

        echo 'Plugin file not found.';

    }

}

// Your theme's search result 'YOUR_THEME_SEARCH_LISTING_PRODUCT_HOOK' action

add_action('YOUR_THEME_SEARCH_LISTING_PRODUCT_HOOK', 'get_product_badge_html');

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

Hello @ykipp !
Thanks for using our plugin.

We have tested a fresh installation of the Storefront theme with our latest plugin version 1.2.3, and everything appears to be working correctly. You can view a screenshot of the Storefront theme here:
Catalog page screenshot: https://prnt.sc/ylO23hSNR8rU
Product details page screenshot: https://prnt.sc/YGspcij2SPDE

It’s possible that there may be conflicts with other plugins. We recommend deactivating other plugins and reactivating them one by one to identify any potential issues or conflicts in your staging environment.
If you can provide your staging environment details through this form: https://www.weblineindia.com/contact-us.html, we would be happy to investigate further.

Hi @thetankgirl ,

We’re happy to offer you a custom solution with the code provided below. We assume you’ve already set up the child theme for 8theme XStore. To display the badge, simply add the following code to your child theme’s functions.php file:

function get_product_badge_html() {
// Ensure this is correct path of the plugin file
$plugin_dir = WP_PLUGIN_DIR . '/woo-stickers-by-webline/public/class-woo-stickers-by-webline-public.php';
// Check if the plugin's class file exists before requiring it
if (file_exists($plugin_dir)) {
    // Include the plugin's public class file
    require_once $plugin_dir;

    // Instantiate the plugin's main class and its public class
    $woo_stickers = new Woo_Stickers_By_Webline();
    $plugin_public = new Woo_Stickers_By_Webline_Public($woo_stickers->get_plugin_name(), $woo_stickers->get_version());
    // Get the current product ID
    $product_id = get_the_ID(); 
    // Check if the method 'show_product_cust_badge' exists in the public class
    if (method_exists($plugin_public, 'show_product_cust_badge')) {
        // Start output buffering
        ob_start();
        // Call the method to display the product badge
        $plugin_public->show_product_cust_badge($product_id);
        // Get the buffered output and clean the buffer
        $output = ob_get_clean();
        // Output the badge HTML
        echo $output;
    } else {
        // Output a message if the method does not exist
        echo 'Method show_product_cust_badge does not exist.';
    }
} else {
    // Output a message if the plugin file is not found
    echo 'Plugin file not found.';
}
}
// Hook the function to 'etheme_before_single_product_image' action
add_action('etheme_before_single_product_image', 'get_product_badge_html');

Please let us know if you still have any query. Kindly message us here if it works.

Hello @thetankgirl ,

Thank you for using our plugin!
It appears that your settings are correct; however, there are a few potential issues that could be causing the display problem:

1. Custom Sticker Position: Please check the position of the custom sticker on the product details page. It may be present on the page but could be hidden behind the product image overlay.
2. Theme Conflict: There might be a conflict between your theme and the plugin code.
3. z-index CSS Property: The issue could also be related to the z-index CSS property in your theme, causing the sticker to be hidden or layered incorrectly.

To help, you can refer to the following screenshots that demonstrate a similar setup to the one you have applied:

1. Custom Sticker configuration screenshot: https://prnt.sc/urrFf34NKoqv 
2. Product on Sale configuration screenshot: https://prnt.sc/ygOTK-vA9Bdu 
3. Product Listing page display screenshot: https://prnt.sc/Z4aQyqe6UHdc 
4. Product details page display screenshot: https://prnt.sc/e9vz70f7zu1m

I hope this information helps you resolve the issue. If you’re still experiencing problems, please feel free to share your website URL so we can investigate further.

Thanks!

Hello @a4jpcom

We have added new feature to enable anchor link on post description. Kindly install latest version of our plugin and check “Wrap Anchor Link on Post Description (Excerpt)” checkbox in your widget options.

Thanks again for using our plugin!

Hello @a4jpcom

Thank you for downloading and using our plugin.

We appreciate your feedback. Based on your feedback we have tested again our plugin by upgrading WordPress version to 5.5 but were not able to reproduce any issue.
It looks like this could have happened due to the WordPress theme you are using or one of the already installed plugins. Be assured we are open to hear and fix any issues that arise in our plugin, so if you are still facing it or if you can share the steps to reproduce the issue then we can take a look.

Thanks again for using our plugin. We will appreciate if you can also leave us a 5* feedback so it helps spread the word.
https://ww.wp.xz.cn/support/plugin/popular-posts-by-webline/reviews/#new-post