Lost the cart icon

After the last update (version 2) I have lost the cart icon an I can’t figure out why.
Whenever I disable the child theme the cart icon appear normally.
I removed all the code inside the child style.css file . The same.
I also noticed that the numbers above the cart have changed font family and I can’t revert back to my custom font.
Waiting for your reply

Hi,

To fix the font, replace the code`

.main-nav-style, .main-nav .item-level-0 > a, .main-nav .menu > .menu-item-language > a, body:not(.global-full-screen-menu) .woodmart-header-links > ul > li > a, .full-screen-nav .item-level-0 > a, .full-screen-nav .menu > .menu-item-language > a {
   font-weight: normal!important;
   letter-spacing: 1px;
   font-family: 'pfbaguesanspro'!important;
}

with this one

.main-nav .item-level-0 > a, .topbar-menu .item-level-0 > a, .categories-menu-dropdown .item-level-0 > a, .full-screen-nav .item-level-0 > a, .whb-secondary-menu .item-level-0 > a, .woodmart-header-links .item-level-0 > a, .woodmart-wishlist-info-widget .wishlist-label, .woodmart-shopping-cart .woodmart-cart-totals, .woodmart-burger-icon .woodmart-burger-label, .menu-opener, .main-nav-style {
   font-weight: normal!important;
   letter-spacing: 1px!important;
   font-family: 'pfbaguesanspro'!important;
}

As for the cart, it seems to be caused by some extra coding in the child theme if you say that it works well with the parent one.

Ok thank you.
How I revert back to the previous account layout? I liked it better the way it was before.
The same applies with quick view.
Regards

But what changed on these screenshots?

The previous two images represent the way I want them.It is before the new update.

After the update take a look at the two images below.
They are not the same

Hi,

This was fixed in our last theme update 2.0. Please update your theme to the latest version.

Regards

You don’t understand.I like the way it was before the update!

I upload two video recorded from my tablet on purpose to make it clearer to you.
1. This is the way I like to be my account page and the quick view.

2. I don’t like it.

Regards Leonidas

Hi regarding the cart icon disappearance I spotted the problem inside the child theme.It is a code that you gave me that need some modification:

http://prntscr.com/iospnm

function woodmart_header_block_cart() {
$position = woodmart_get_opt(‘cart_position’);
$design = woodmart_get_opt(‘shopping_cart’);
$extra_class = ‘woodmart-cart-icon’;

if( woodmart_get_opt(‘shopping_icon_alt’) ) {
$extra_class .= ‘ woodmart-cart-alt’;
}

if( $position == ‘side’ ) {
$extra_class .= ‘ cart-widget-opener’;
}

if ( woodmart_woocommerce_installed() && $design != ‘disable’ ): ?>
<div class=”search-icon”><span class=”screen-reader-text”><?php esc_attr_e( ‘Search’, ‘woodmart’ ); ?></span>
<div class=”search-overlay”>
<div class=”search-inner”>

<?php
// Core WordPress function
echo do_shortcode( ‘[aws_search_form]’ );
?></div>
</div>
</div>

<div class=”woodmart-shopping-cart woodmart-cart-design-<?php echo esc_attr( $design ); ?> <?php echo esc_attr( $extra_class ); ?>”>
“>
<span class=”cart-info-wrap”>
<span class=”woodmart-cart-totals”>
<?php woodmart_cart_count(); ?>
<span class=”subtotal-divider”>/</span>
<?php woodmart_cart_subtotal(); ?>
</span>
</span>

<?php if ( $position != ‘side’): ?>
<div class=”dropdown-cart”>
<?php

// Insert cart widget placeholder – code in woocommerce.js will update this on page load
echo ‘<div class=”widget woocommerce widget_shopping_cart”><div class=”widget_shopping_cart_content”></div></div>’;
?>
</div>
<?php endif ?>
</div>
<?php endif;
?>
<div class=”panel-icon”><i class=”fa fa-ellipsis-v”></i></div>
<?php
}

Please don’t forget the previous email.
I need a solution

Regards

Please, provide us your admin access so we can log in and check “my account” page.

Thank you in advance.

My credentials.Thank you

Try to add the following code snippet to the Custom CSS area in Theme Settings.

@media (max-width: 768px) {
	.woocommerce-MyAccount-content, 
	.woodmart-my-account-sidebar {
    padding-bottom: 10px;
    padding-top: 10px;	
	}
	
	.woocommerce-MyAccount-content {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    max-width: 65%;
    width: 65%;	
	}
	
	.woodmart-my-account-sidebar {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    max-width: 35%;
    width: 35%;
	}
	
	.popup-quick-view .product-image-summary>div {
		flex-basis: 50%;
    max-width: 50%;
    width: 50%;
	}
}

@media (max-width: 767px) {
	.woocommerce-MyAccount-content, 
	.woodmart-my-account-sidebar {
    padding-top: 0;
    padding-bottom: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;	
	}
	
	.popup-quick-view .product-image-summary>div {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
	}
}

Regards

The code worked.Only one change in the quick view popup
Now is larger (image 1)
I like it as it was before (image 2).Smaller

Also check the problem with your code.It needs a modification to work.

==========================================================================
Hi regarding the cart icon disappearance I spotted the problem inside the child theme.It is a code that you gave me that need some modification:

http://prntscr.com/iospnm

function woodmart_header_block_cart() {
$position = woodmart_get_opt(‘cart_position’);
$design = woodmart_get_opt(‘shopping_cart’);
$extra_class = ‘woodmart-cart-icon’;

if( woodmart_get_opt(‘shopping_icon_alt’) ) {
$extra_class .= ‘ woodmart-cart-alt’;
}

if( $position == ‘side’ ) {
$extra_class .= ‘ cart-widget-opener’;
}

if ( woodmart_woocommerce_installed() && $design != ‘disable’ ): ?>
<div class=”search-icon”><span class=”screen-reader-text”><?php esc_attr_e( ‘Search’, ‘woodmart’ ); ?></span>
<div class=”search-overlay”>
<div class=”search-inner”>

<?php
// Core WordPress function
echo do_shortcode( ‘[aws_search_form]’ );
?></div>
</div>
</div>

<div class=”woodmart-shopping-cart woodmart-cart-design-<?php echo esc_attr( $design ); ?> <?php echo esc_attr( $extra_class ); ?>”>
“>
<span class=”cart-info-wrap”>
<span class=”woodmart-cart-totals”>
<?php woodmart_cart_count(); ?>
<span class=”subtotal-divider”>/</span>
<?php woodmart_cart_subtotal(); ?>
</span>
</span>

<?php if ( $position != ‘side’): ?>
<div class=”dropdown-cart”>
<?php

// Insert cart widget placeholder – code in woocommerce.js will update this on page load
echo ‘<div class=”widget woocommerce widget_shopping_cart”><div class=”widget_shopping_cart_content”></div></div>’;
?>
</div>
<?php endif ?>
</div>
<?php endif;
?>
<div class=”panel-icon”><i class=”fa fa-ellipsis-v”></i></div>
<?php
}

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to change the quick view height.

@media (max-width: 768px) {
	.popup-quick-view .summary-inner {
		position: absolute;
	}
}

Regards

The code did the half job
Look at the two video

The first is what I like (the content on the right is scrolling up and down)

Finally I changed the last code that you gave me with this one:

@media (max-width: 768px)
.popup-quick-view .woodmart-scroll .woodmart-scroll-content {
position: absolute;
overflow: scroll;
overflow-x: hidden;
}
And solved the problem with scrolling.

Now check only the disappearance of the cart icon left.
Check the code at post #44807 and tell me what should I change to make it work.
Thank you

First of all, try to copy the original code of this function from the new version. Then, add your custom modifications step by step and check which part causes this problem.

Look, the code that you provided to me was on purpose of adding an icon (look at the image) along with the side bar in my site.
I am not a developer so it is impossible for me to do the things that you asking me.I am not going to enable the header editor at all.The code is working except the cart icon was disappeared. Use my FTP credentials to check it and modify it.
Regards Leonidas

Could you please remind us a topic where we discussed this question and where we can see the original code we gave you for this request?

Of course.
Take a look 3 months ago (5 December 2017).It is the query with the number 27185.
Regards Leonidas

I send you a photo to help you find it

Attachments:

You must be logged in to view attached files.

As we can see in that topic, we just gave you the code where you can customize our shopping cart widget. So in the new version it looks like this

function woodmart_header_block_cart() {
	$position = woodmart_get_opt('cart_position');
	$design = woodmart_get_opt('shopping_cart');
	$extra_class = '';

	if(  woodmart_get_opt('shopping_icon_alt') ) {
		$extra_class .= ' woodmart-cart-alt';
	}

	if( $position == 'side' ) {
		$extra_class .= ' cart-widget-opener';
	}
	
	if ( woodmart_woocommerce_installed() && $design != 'disable' ): ?>

		<div class="woodmart-shopping-cart woodmart-cart-design-<?php echo esc_attr( $design ); ?> <?php echo esc_attr( $extra_class ); ?>">
			<a href="<?php echo esc_url( wc_get_cart_url() ); ?>">
				<span class="woodmart-cart-wrapper">
					<span class="woodmart-cart-icon"></span>
					<span class="woodmart-cart-totals">
						<?php woodmart_cart_count(); ?>
						<span class="subtotal-divider">/</span> 
						<?php woodmart_cart_subtotal(); ?>
					</span>
				</span>
			</a>
			<?php if ( $position != 'side'): ?>
				<div class="dropdown-cart">
					 <?php 

						// Insert cart widget placeholder - code in woocommerce.js will update this on page load
						echo '<div class="widget woocommerce widget_shopping_cart"><div class="widget_shopping_cart_content"></div></div>';

					  ?> 
				</div>
			<?php endif ?>
		</div>
	<?php endif;
}

Thank you.
Also something else.
Before the update I had the image 1 in register /login page.
Now I have the image 2.
I want the first image.

Try to add the following code snippet to the Custom CSS area in Theme Settings.

@media (min-width: 768px) and (max-width: 768px) {
	body .col2-set .col-1, 
	body .col2-set .col-2 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;	
	}
	
	body #customer_login .col-login, 
	body #customer_login .col-register, 
	body #customer_login .col-register-text {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
		border-left: 1px solid;
    border-color: rgba(129,129,129,.2);
		padding-top: 25px;
    padding-bottom: 25px;
	}
	
	body .register-or {
		display: none;
	}
}

Regards

Perfect
Now the same applies to the cart oage.
Before the update (image 1)
After the update (image 2)
Of course I like the first image.

Such changes in our theme were applied guided by generally accepted usability interface standards in which the interface of a vertically orientated iPad or similar tablets should repeat the interface of a vertical and horizontal smartphone view. It improves the management of the site on non-wide screens. This changes applied globally and can not be changed by custom CSS code.

If you want to return the previous view, you need to roll back to the previous version of the theme or change mobile CSS media queries in parent theme style.css file from 768 to 767 prntscr.com/iql3y3.

Regards

First of all, you shouldn’t do that after 4 months.
And secondly, it is not logical to revert back because I want the previous layout.
What about the compatibility with the upcoming versions of woocommerce or any other security updates?
So I decided to pick your second solution.I changed “mobile CSS media queries in parent theme style.css file from 768 to 767”.I cleared the cache but the layout is the same.Let’s say
try to check the cart page we have talked earlier.
What am I doing wrong?

Attachments:

You must be logged in to view attached files.

Major releases such as 2.0 can carry significant changes and may not be fully compatible with the previous versions. Also, worth noting that the change in the media queries and fixing responsive tablet layout was one of the popular requests of a large number of our clients.

Judging from the screenshot that you provided you are editing a file main.css. Try to change file style.css which we mentioned above. It located in woodmart/style.css.

Regards

Perfect,
We should be doing this from the beginning.
Thank you

Hello
Look at the video please:

The disappearance of the drop-down menu is a problem we have discussed earlier in a previous post.
It appeared again.What can we do now?

[Author]

Posts