Home Forums WoodMart support forum Tooltip for different button

Tooltip for different button

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #556622

    FreeRiderNSK
    Participant

    Hello!
    How to add a tooltip for the “add to cart” button.
    Everything worked in the old version, but I can’t add it to the new one. Please help.
    Thank you!

    Attachments:
    You must be logged in to view attached files.
    #556625

    FreeRiderNSK
    Participant

    02. How can I add a “more details” button next to the “add to cart” buttons on the product category page? Old methods don’t work after update.

    #556971

    Hello,

    01. Login to Dashboard > Theme Settings > Performance > JS > Advanced scripts controls > set the Tooltips library Always Load.
    https://snipboard.io/2UezWO.jpg

    02. Can you please which more details button you want to add, share some screenshot for better understanding.

    Best Regards.

    #557061

    FreeRiderNSK
    Participant

    In the past I have used a child theme to solve these problems.
    /themes/woodmart-child/woocommerce/content-product-list.php
    MY CODE:

    <?php 
    	global $product;
    
    	do_action( 'woocommerce_before_shop_loop_item' ); 
    ?>
    
    	<div class="product-wrapper">
    		<div class="product-element-top">
    			<a href="<?php echo esc_url( get_permalink() ); ?>" class="product-image-link">
    				<?php
    					/**
    					 * woocommerce_before_shop_loop_item_title hook
    					 *
    					 * @hooked woocommerce_show_product_loop_sale_flash - 10
    					 * @hooked woodmart_template_loop_product_thumbnail - 10
    					 */
    					do_action( 'woocommerce_before_shop_loop_item_title' );
    				?>
    			</a>
    			<?php woodmart_hover_image(); ?>
    			<div class="wd-buttons wd-pos-r-t<?php echo woodmart_get_old_classes( ' woodmart-buttons' ); ?>">
    				<?php woodmart_enqueue_js_script( 'btns-tooltip' ); ?>
    				<?php woodmart_quick_view_btn( get_the_ID() ); ?>
    				<?php woodmart_add_to_compare_loop_btn(); ?>
    				<?php do_action( 'woodmart_product_action_buttons' ); ?>
    			</div> 
    			<?php woodmart_quick_shop_wrapper(); ?>
    		</div>
    
    		<div class="product-list-content">
    			<?php
    				/**
    				 * woocommerce_shop_loop_item_title hook
    				 *
    				 * @hooked woocommerce_template_loop_product_title - 10
    				 */
    				do_action( 'woocommerce_shop_loop_item_title' );
    			?>
    			<?php
    				woodmart_product_categories();
    				woodmart_product_brands_links();
    			?>
    			<?php woocommerce_template_single_rating(); ?>
    			<?php woocommerce_template_loop_price(); ?>
    			<?php 
    				echo woodmart_swatches_list();
    			?>
    			<?php woocommerce_template_single_excerpt(); ?>
    			<?php woodmart_swatches_list(); ?>
    
    			<?php if ( woodmart_loop_prop( 'progress_bar' ) ): ?>
    				<?php woodmart_stock_progress_bar(); ?>
    			<?php endif ?>
    
    			<?php if ( woodmart_loop_prop( 'timer' ) ): ?>
    				<?php woodmart_product_sale_countdown(); ?>
    			<?php endif ?>
    			<div title="Добавить в корзину" class="wd-add-btn wd-add-btn-replace wd-tooltip list-add-cart-btn"><?php do_action( 'woocommerce_after_shop_loop_item' ); ?></div>
    <?php $link = $product->get_permalink();
    $product2 = $product->stock_status;
    if ( ( is_shop() || is_product_category() || is_product_tag() ) && $product2 != 'outofstock' ) {
    echo ( '<button onclick="window.location.href=' );
    echo ("'"); echo $link; echo ("'");
    echo ( '" style="display: inline-block" class="button-podrob btn btn-color-primary btn-style-bordered btn-shape-semi-round btn-size-small"><span>Подробнее</span></button>' );
    } ?>
    		</div>
    	</div>
    

    Now I can’t add tooltip classes to the “add to cart” button. Now the button to “add to cart” is formed somewhere else. Maybe you can add a tooltip to the “add to cart” button using only css?

    Maybe you can add a “more details” button using function.php?

    #557095

    Hello,

    Sorry but there is no option in Theme Settings available for that.

    It requires customizations and this is beyond our limitations and support policy.

    Regards.
    Xtemos Studios

Viewing 5 posts - 1 through 5 (of 5 total)