Okay
  Public Ticket #3727996
whishlist icon does't work
Closed

Comments

  • krzychu1 started the conversation

    Hi :)

    I have a problem with loading icons for liked products. I can't find a solution to this problem in the whishlist widget.


    Attached files:  whishlist.jpg

  •  1,559
    Laborator replied

    Hi there,

    Please share your website login credentials so I can test this. To safely include your credentials click the Insert Credentials button in the editor toolbar (see how), or you can create a temporary login without a password (see how).

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   krzychu1 replied privately
  •  1,559
    Laborator replied

    Hi there,

    I just checked it and it seems to work even when logged in or logged out:

    gdj6gt.png

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • krzychu1 replied

    Hi there,

    Sometimes it works because I added java script code. When you start deleting products from the basket, the icons stop working. should I remove this code?

    I will also try to add the certificate and see if it changes anything.

    Best regards
    Marcin

    Attached files:  kod java.jpg

  • krzychu1 replied

    Will you be able to find a solution?

  • [deleted] replied

    Hi,

    I have updated the code you added:

    function updateIcons() {
        document.querySelectorAll('.share-button i:not(.fa-envelope-o)').forEach(e => {
            e.classList.replace('fa', 'fab');
        });
        document.querySelector('.fa-pencil')?.classList.replace('fa', 'fas');
    }
    
    document.addEventListener("DOMContentLoaded", function() {
        updateIcons();
        jQuery('body').on('removed_from_wishlist added_to_wishlist', updateIcons);
    });
    

    And the icons are properly working:

    https://d.pr/v/ODZq6P

  • krzychu1 replied

    Hi Arling,

    It seems that the icons work better. The problem is still when I try to edit the wishlist.

    best regards

    Marcin

    Attached files:  edit list.jpg

  • [deleted] replied

    Hi,

    I have applied the following code in functions.php and removed the previous one:

    add_action( 'yith_wcwl_wishlist_after_wishlist_content', function() {
    	echo '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />';
    } );

    This solved that issue: https://d.pr/v/XCuDAj

  • krzychu1 replied

    works great :) thanks

    I just have one more question. Do you know if it is possible to change the name of the field indicated in the attachment at all? This is a description field that is permanently added somewhere, and I would like to change its name.

    Best regards

    Marcin

    Attached files:  description field in product.jpg

  • [deleted] replied

    Hi Marcin,

    I have added this code in functions.php and it changes the title:

    add_filter( 'woocommerce_product_tabs', function( $tabs ) {
    	$tabs['description']['title'] = 'Custom Title';
    	
    	return $tabs;
    } );

    See the result:

    medium
    (view large image)

    Save this code snippet for future uses in case you want to change the tabs title.

  • krzychu1 replied

    Thanks a lot. Works great :)

    Best regards

    Marcin

  • krzychu1 replied

    Hello again :),

    I have two issues with the template that I am unable to resolve on my own.

    The first issue concerns the alignment of the text within the buttons, the number of products in the cart, etc. They are slightly off-center. Below, I am providing examples. Please help me center them properly.

     0?ui=2&ik=5b763a9a23&attid=0.2&permmsgid=msg-f:1811334147576402847&th=192326cf73d3939f&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ8vqQht2e4dI59FPpMKxwLOOdQSrjSzdNidHPg0Ou4q__eO2Yxr9Uq-z87qhrOoeVOkH18JBjjxnxOlvA449nLk061u_KdVSRSECNjynDQtXpOOg2LmjlcGa-A&disp=emb&realattid=ii_m1kev5qe10?ui=2&ik=5b763a9a23&attid=0.3&permmsgid=msg-f:1811334147576402847&th=192326cf73d3939f&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ-3WUJgsQV0Zeb0ErD4LwpPxNvrixfVCZvVUmCkdNXNLHzuagYz1L7B_0_1Ulu6mF_Wu-MIXlQfYNh5nPuVw4BNdtHJV-k8Ai4lsI1IABplGuIaHQhEGCLbCNY&disp=emb&realattid=ii_m1kevdgw2
    The second issue involves modifying the product card template. I would like the product ID to be placed below the product name, aligned to the left. I would also like the category to be removed. I am also sending a picture of how I would like it to look.

    0?ui=2&ik=5b763a9a23&attid=0.1&permmsgid=msg-f:1811334147576402847&th=192326cf73d3939f&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ_sq1q8RHuacHR0ge7l5W-llL3abxfulgI-IgM-4jpGqKjp2lp0boqhEC-4C1bF4kzurtvrOZJU4kx_shfIrb_un01YD1tFen0HfepjPKKDQ4nV6jPiTTL0GU8&disp=emb&realattid=ii_m1keu7sx0

    Please make the necessary changes or give some tips ;)

    Thank you and best regards,

  • [deleted] replied

    Hi there,

    I am sorry but I am unable to view these pictures, as they are links from Gmail and thus not visible to us.

    Can you please give me the URL's of the pages that have issues and I'll check them.

  • krzychu1 replied

    maybe the attachment will help

    Attached files:  23213.jpg
      111.jpg

  • [deleted] replied

    Hi,

    I have added the following code:

    // Reposition the product ID
    add_action( 'init', function() {
    	remove_action( 'woocommerce_product_meta_start', 'aurum_woocommerce_display_product_id_on_product_meta' );
    	add_action( 'woocommerce_single_product_summary', 'aurum_woocommerce_display_product_id_on_product_meta', 8 );
    } );

    Which has respositioned the product ID below the title:

    medium
    (view large image)

    As for the cart buttons, I am sorry but I do not get the problem, can you please be more specific?

    P.S. Please note that the following code that I have added in your theme functions (during this time) should be stored safely because when you update the theme it will be overwritten (removed):

    // Fix the issue with FontAwesome icons
    add_action( 'yith_wcwl_wishlist_after_wishlist_content', function() {
    	echo '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />';
    } );
    
    // Change the description tab title
    add_filter( 'woocommerce_product_tabs', function( $tabs ) {
    	$tabs['description']['title'] = 'Informacje dodatkowe';
    	
    	return $tabs;
    } );
    
    
    // Reposition the product ID
    add_action( 'init', function() {
    	remove_action( 'woocommerce_product_meta_start', 'aurum_woocommerce_display_product_id_on_product_meta' );
    	add_action( 'woocommerce_single_product_summary', 'aurum_woocommerce_display_product_id_on_product_meta', 8 );
    } );