Tooltip for different button

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.

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?