Plugin Messes up “Shipping” text on Cart page

Hello,

Thanks for getting in touch with us.

We understand your concern and we have a look into this.

After looking into this we found that it’s set up by woocommerce. It’s not an issue in our plugin.

To clear this for you we have taken screenshots for this please review it. Hope you will get clear after looking the screenshots.

Screenshot of display none: https://prntscr.com/jenqdl

Screenshot of display block: https://prntscr.com/jenqls

And as you said on the checkout page ‘Shipping Options go outside the box‘, which is coming from the theme’s CSS. It’s also not part of our plugin.

Let us know if you still have any other query regarding this.

Thank You,
Multidots.

Hello,
Regarding your screenshots about the Cart page getting messed up on mobile when using your plugin. The “Display None” code by WooCommerce is correct/normal since it shows differently depending on if the site is responsive size or full size.

Basically, without your plugin, it still shows “Shipping:” correctly on a smaller size screen and the Display None just makes sure there are no duplicate line items (see screenshots below). However, with your plugin, it just doesn’t show “Shipping” at all. For example, please look at the following screenshots:

https://d.pr/FREE/VkJhMW – Normal WooCommerce – With the regular Display None coding.

https://d.pr/FREE/S0WvVN – Removing “Display None” Code by WooCommerce

It seems the easiest way to fix this would be to make your plugin work responsively so either the box/information gets smaller as the page gets smaller or you have a different size when mobile vs desktop so it works like the rest of WooCommerce & related plugins.

Hello,

We have resolved your issue and uploaded plugin with the latest version.

Now “Shipping” text is visible in cart totals calculation in mobile devices.

Here is the screenshot after resolving the issue.
https://prntscr.com/jf6ttl

Please download the latest version of the plugin. Still, if you are getting any issues then please let us know.

Thank You,
Multidots.

• This reply was modified 6 years, 10 months ago by Dotstore.

Unfortunately, it still doesn’t work but it seems like it shouldn’t be too difficult to fix. It will work in certain circumstances but there are a couple major issues (and I have tested switching themes, etc so it is definitely the plugin):

1) Before selecting a shipping method on the Cart page it shows just “:” instead of “shipping:”

2) If you go to the checkout page and then back to the Cart page, it shows the incorrect way again with just the “:” on smaller screen size. It will only work again once you enter a new zip code and recalculate the shipping on the Cart page.

3) Once you select a shipping method it works but it shows “Shipping:” instead of “Shipping” on Desktop (WooCommerce instead uses the “:” for smaller screens and no : for larger sizes, as you can see from the wording like “Subtotal” “Total”, etc.

4) The wording for “Shipping:” gets messed up as you make the screen smaller since it starts going to 2 lines. This is because it is using the “Shipping:” responsive text instead of the “Shipping” Desktop version in WooCommerce.

Attached are some screenshots to help clarify:

https://d.pr/FREE/p3bDUY – Shipping goes to 2 lines.

Checkout Page still shows the dropdown messed up (it goes outside the box at certain sizes (is there a way to make it so the box or text gets smaller or adjusts as the size is made smaller so it looks correct?). This happens with many themes when using your plugin and not just when mobile version:

Examples:
https://d.pr/FREE/asP6bY

https://d.pr/FREE/23ygNP

Hello,

Sorry for the inconvenience.

We have look at on the issues which you have mentioned in the last comment.

We have resolved that issues too. Please download the latest version of the plugin.

Screenshots for Cart Page:
Twenty Fifteen Desktop: https://prntscr.com/jfmphh
Twenty Fifteen Responsive: https://prntscr.com/jfmpoi
Twenty Sixteen Desktop: https://prntscr.com/jfmq03
Twenty Sixteen Responsive: https://prntscr.com/jfmq7w
Twenty Seventeen Desktop: https://prntscr.com/jfmqf3
Twenty Seventeen Responsive: https://prntscr.com/jfmqkp

It is working fine with default WordPress themes.

For Checkout Page:

We also looked into the checkout page and the size of that <td> is fixed. Design of the select box for shipping method is looking proper in the Twenty Seventeen theme. but the design is breaking in other themes.

So the design of the select box for shipping method will vary on the basis of the theme. So for that have to adjust CSS code in your theme.

If you are still having an issue on the cart page then please provide us the theme name which you are using for your store.

So we will better look at it and provide you a specific solution for that.

Thank You,
Multidots.

Unfortunately, it still doesn’t work properly. I added more information to my support ticket but haven’t heard anything back.