Problems after theme update

Hello, dear developers! We have WooCommerce version 3.4.7 installed. We encountered problems after updating the WoodMart theme up to version 3.7.

We cannot update WooCommerce to the latest version 3.6.4 in order not to lose the functionality we need (https://github.com/woocommerce/woocommerce/issues/21754).

1) «Sticky notifications» incorrectly displayed in the cart when reduce or increase the number of items in the cart:

a) See screenshots in the archive.

When the “Sticky notifications” option is enabled, the notification isn’t displayed on the entire width of the screen in desktop and mobile versions + “scrolltop jquery” isn’t triggered correctly:

b) See screenshots in the archive.

When the state of the “Sticky notifications” option is off, the standard notification style is displayed only for a part of the screen width:

See screenshots in the archive.

2) Sticky navigation toolbar doesn’t appear on the bottom of mobile devices.

See screenshots in the archive.

The option «Sticky navigation toolbar» is on:

See screenshots in the archive.

3) The number is displayed incorrectly, the value disappeared «+»

See screenshots in the archive.

In the mobile version with the “Sticky add to cart” option, the page looks like this:

See screenshots in the archive.

Please don’t offer us to upgrade to the latest version of Woocommerce or disable all plugins! We want you to solve our problem in another way. Maybe you can give us lines of code from the old version of the template or edit the current code on the site. When buying your template, we extended support for up to 12 months and really hope for your help.

The first part of the archive

The first part of the archive.

Sorry, we were unable to download .rar document with screenshots, to which email address can we send the file?

Hello,

Please check the issue on one of the default themes to understand where our theme causes the problem.

Best Regards

I don’t understand what do you mean. Please provide a link.

Hello,

Please provide your site admin access to the private area and screens to this mail: [email protected]

Best Regards

Hi! Sent you access to the admin panel, attached screenshots. Thank you!

Hello,

1. Sticky notification: the reason is the out-to-dated Woocommerce. Each time when Woocommerce releases an update there are HTML structure changes and we adapt our theme CSS for these changes. Each time Woocoommerce release an update the number of problems would grow. That is why it is very important to update Woocommerce and our theme.

2. and 3. Please deactivate all the plugins not related to the theme and provide FTP access. If you cannot deactivate the plugins, clone your site to a staging platform where we can test and detect the problem.

Best Regard

Hello!

1. Maybe you have a version of WoodMart theme below 3.7 where the option “Sticky notification” on WooCommerce version 3.4.7 would work correctly?

2. and 3. We deactivated all plugins, except for woocommerce, Woodmart Core and Redux Framework active.

Hello,

1. The theme should be updated otherwise it would become incompatible with other plugins. Each time your plugins are updated, the theme would have more problems. Our support is provided only for the updated theme and related plugins.

2. Please provide FTP access to the private area

Best Regards

2. FTP access:

Hello,

Please check your FTP access I cannot log in and leave the access in the private area which is below the message field.

Best Regards

Please try again with the FileZilla Client.

Hello,

We have tested on your parent theme the Mobile navbar buttons appears correctly. So, the reason is the customization you have added to the child theme. Check the code, find and delete or amend it.

As for the third issue with the product quantity. Please find this file wp-content\themes\woodmart\woocommerce\global\quantity-input.php

Then find this code:

<input
type="number"
id="<?php echo esc_attr( $input_id ); ?>"
class="input-text qty text"
step="<?php echo esc_attr( $step ); ?>"
min="<?php echo esc_attr( $min_value ); ?>"
max="<?php echo esc_attr( 0 < $max_value ? $max_value : '' ); ?>"
name="<?php echo esc_attr( $input_name ); ?>"
value="<?php echo esc_attr( $input_value ); ?>"
title="<?php echo esc_attr_x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ); ?>"
size="4"
pattern="<?php echo esc_attr( $pattern ); ?>"
inputmode="<?php echo esc_attr( $inputmode ); ?>"
	<?php if ( ! empty( $labelledby ) ) { ?>
		aria-labelledby="<?php echo esc_attr( $labelledby ); ?>" />
		<?php } ?>

Replace this code with this one:

<input
type="number"
id="<?php echo esc_attr( $input_id ); ?>"
class="input-text qty text"
step="<?php echo esc_attr( $step ); ?>"
min="<?php echo esc_attr( $min_value ); ?>"
max="<?php echo esc_attr( 0 < $max_value ? $max_value : '' ); ?>"
name="<?php echo esc_attr( $input_name ); ?>"
value="<?php echo esc_attr( $input_value ); ?>"
title="<?php echo esc_attr_x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ); ?>"
size="4"
pattern="<?php echo esc_attr( $pattern ); ?>"
inputmode="<?php echo esc_attr( $inputmode ); ?>"/>

Best Regards

3) Thank you for solving the third problem! The code works well!

2) Thanks for the tip on the second problem. We solved the problem with Mobile navigation buttons at the bottom of the screen:
In the child theme file /wp-content/themes/woodmart-child/footer.php added missing code <?php do_action( 'woodmart_before_wp_footer' ); ?> before line <?php wp_footer(); ?></body></html>

1) We still can’t solve the first problem and it’s very bad. Please help to set up Sticky notifications in the shopping cart.

a) When the “Sticky notifications” option is enabled, the notification isn’t displayed on the entire width of the screen in desktop and mobile versions + works incorrectly “scrolltop jquery animate”.

b) When the «sticky notifications» option is disabled, the default notification style is not displayed correctly and is on the left side of the screen.

[Author]

Posts