Change Cart Icon to Text

[lebvision]

Hello, can you please point out which code we should change so we would have the shopping cart icon as text instead of an icon, we want it like this: myBag(0)

 

looking forward to your reply

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.pe-7s-shopbag::before {
	content: "myBag";
	font-family: "Poiret One";
	font-size: 18px;
}
.jas-icon-cart .count {
	position: relative;
	display: inline-block;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[lebvision]

Hi Harry,

thank you for your reply, that didn’t quite do the trick, please check: https://www.loushop.me/beta/

the client needs it like this: myBag(0)

not the number of items in the bag it is still in a circle with space between the number and the myBag.

looking forward to your reply

[Harry]

Hi,

Please add below code to claue-child > functions.php

if ( ! function_exists( 'jas_claue_wc_shopping_cart' ) ) {
	function jas_claue_wc_shopping_cart() {
		global $woocommerce;
		
		// Catalog mode
		$catalog_mode = cs_get_option( 'wc-catalog' );

		if ( $catalog_mode ) return;

		$output = '';
		$output .= '<div class="jas-icon-cart pr">';
			$output .= '<a class="cart-contents pr cb chp db" href="#" title="' . esc_html( 'View your shopping cart', 'claue' ) . '">';
				$output .= 'myBag';
				$output .= '<span class="pa count bgb br__50 cw tc">(' . esc_html( $woocommerce->cart->get_cart_contents_count() ) . ')</span>';
			$output .= '</a>';
		$output .= '</div>';
		return apply_filters( 'jas_claue_wc_shopping_cart', $output );
	}
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[lebvision]

Thank you for your reply, when we are placing the code in functions.php the website no longer loads anymore, it breaks

 

 

[Harry]

Hi,

Make sure you copy code on this topic, do not copy code via email. If issue still there, please send us your site url and admin account as private reply.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[lebvision]

Hi Harry,

it loads then disappears and the myBag is still far. can you please check

[lebvision]

any new bro?

[Harry]

Hi,

Please add below code

.jas-icon-cart .count {
	left: 0;
	position: relative;
	display: inline-block;
	background: none;
	color: #222;
}

and try deactivate plugin WooCommerce and activate again.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[lebvision]

Hello, still same it loads and then disappears 🙁

Home Page 2

[Harry]

Hi,

It’s screen on my computer http://prntscr.com/mbxmfx

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[lebvision]

Hi again,

Please refresh it it is not loading properly, it should be myBag(0)

You have the () missing. It loads when u refresh than disappears. Check pleaee.

 

Thanks

[Harry]

Could you give me your site admin account/

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[lebvision]

This reply has been marked as private.

[Harry]

Did you using a cache on CDN? I try update theme, override header file, change code function but it still doesn’t use code from child theme.It now still running code on parent theme not use code of child theme.

I check on my local it still work well with the same code http://prntscr.com/mc0nfz

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[lebvision]

Hi Harry,

no nothing no CDN or anything, if we try to put the code in the main function theme as you said will it work?

[Harry]

Hi,

I tried function on parent theme it still not work. Do not understand why.

I see you revert style to default. Do you want use old style?

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts