Wishlist icon position

Hi @jekka12

You can try next CSS rules:

.tinv-wraper.woocommerce.tinv-wishlist {
display: inline-block;
}

If I put as a widget under the header, nothing happens. Maybe I have to do more with the shortcodes?

Thank you.

Hi @jekka12

It looks like I misunderstood your question.
Do you ask about how to place heart icon near the cart widget that integrated at a theme header?

Hi!

I want to make something similar if it’s possible.

https://snipboard.io/7fcVEN.jpg

Hi @jekka12

It depends on your active theme.
?
The Wishlist counter can be added into the theme in next ways:

1. Using Wishlist Products Counter widget that included with our plugin
2. Add it as menu item from the plugin settings page.
3. By placing the next snippet into functions.php file of your theme/child-theme

   if ( ! function_exists( 'tinvwl_shortcode_products_counter' ) ) {
     /**
      * Output Wishlist counter shortcode.
      */
     function tinv_integration_wishlist_counter(){
       
       // Check if TI WooCommerce Wishlist activated.
       if (defined( 'TINVWL_LOAD_FREE' ) || defined( 'TINVWL_LOAD_PREMIUM' )) {
           ?>
           <!-- HTML wrap start -->
           <?php echo do_shortcode( '[ti_wishlist_products_counter]' ); ?>
           <!-- HTML wrap end -->
           <?php 
       }
     }
     // Hook output to action.
     add_action('action_spot_name', 'tinv_integration_wishlist_counter');
   }

4. By a direct call in the theme template e.g. header.php

   ?`if (defined( ‘TINVWL_LOAD_FREE’ ) || defined( ‘TINVWL_LOAD_PREMIUM’ )) {
   ?>
   <!– HTML wrap start –>
   <?php echo do_shortcode( ‘[ti_wishlist_products_counter]’ ); ?>
   <!– HTML wrap end –>
   <?php
   }`

?
After that, you may also need to style it to fit your theme design.
?