Tooltip for different button

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.

[FreeRiderNSK]

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.

• This reply was modified 2 years, 3 months ago by FreeRiderNSK.

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.

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?

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

[Author]

Posts