Disable the sliding Cart Sidebar

[prsocial]

Hi, how can we disable the sliding Cart Sidebar en just make the Cart Icon link to the Cart page? I use Header Layout 5. The first fix you gave me on Themeforest didnt work and you asked me to make a topic.

[prsocial]

This reply has been marked as private.

[Harry]

Hi Prsocial,

Please copy file layout-5.php in gecko > views > header to gecko-child > views > header and change code on line 64 from

echo jas_gecko_wc_shopping_cart();

to

global $woocommerce;
echo '<a class="cb chp hidden-xs" href="' . esc_url( wc_get_cart_url()) . '" title="' .  esc_html__( 'View your shopping cart', 'gecko' ) . '"><i class="pe-7s-shopbag"></i>';
echo '<span class="pa count bgb br__50 cw tc">' . esc_html( $woocommerce->cart->get_cart_contents_count() ) . '</span>';
echo '</a>';
echo wp_kses_post( WC()->cart->get_cart_subtotal() );

Kind regards

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

[prsocial]

Hi, thanks. It works on desktop, but on mobile the cart icon disappears. Do you have a fix for it?

I changed it back to normal for now because it’s a live shop.

• This reply was modified 3 years, 10 months ago by prsocial.
• This reply was modified 3 years, 10 months ago by prsocial.

[Harry]

Hi,

Please change code to

global $woocommerce;
echo '<a class="cb chp" href="' . esc_url( wc_get_cart_url()) . '" title="' .  esc_html__( 'View your shopping cart', 'gecko' ) . '"><i class="pe-7s-shopbag"></i>';
echo '<span class="pa count bgb br__50 cw tc">' . esc_html( $woocommerce->cart->get_cart_contents_count() ) . '</span>';
echo '</a>';
echo wp_kses_post( WC()->cart->get_cart_subtotal() );

and add below code to gecko-child > style.css

.jas-action .count {
	width: 20px;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	left: 16px;
	top: 3px;
}

Kind regards

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

[Harry]

Hi,

You can add below code to Theme Option > General Layout > Custom CSS to enable click on swatch

.swatch__list--item.disabled {
	pointer-events: initial !important;
}

Kind regards

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

[Author]

Posts