Return to previous page

Add to cart button suddenly became smaller

This topic has 19 replies, 3 voices, and was last updated 1 years, 9 months ago ago by Tony Rodriguez

PR

Participant

March 17, 2023 at 00:06

Hello,

I just noticed that the add to cart button on the product pages just became much smaller than it was.

Domain on PCA

Any tips on how to make it the stretch version again would be great!

Please, contact administrator
for this information.

#350297 Copied Theme version: 9.0.5

18 Answers

Tony Rodriguez

Support staff

March 17, 2023 at 05:21

Hello @PR,

In order to resolve your issue, please navigate to XStore > Theme Options > Woocommerce (Shop) > Single product Builder > Add to Cart & quantity > Stretch Add To Cart Button > Turn ON and save settings.

For a better reference, please see the image provided at the following link: https://postimg.cc/2qQsNGz3

We hope this helps.

Best Regards,
8Theme’s Team

#350307 Copied

PR

Participant

March 17, 2023 at 07:32

Hello Tony,

The settings for that are already on “stretch add to cart button” and was ever since I activated the theme.

The button just became small after the latest update.

How can this be fixed to make it stretched again?

Thanks

#350318 Copied

Tony Rodriguez

Support staff

March 17, 2023 at 08:29

Hello @PR,

We apologize for any inconvenience this may cause, but you will need to adjust the Minimum Width (Px) setting under XStore > Theme Options > Woocommerce (Shop) > Single product Builder > Add to Cart & quantity. For your reference, please see the attached image: https://postimg.cc/s18QKTCC

If the issue persists, we suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://www.8theme.com/documentation/xstore/plugins/included-plugins/), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

If the issue still persists, we kindly ask that you deactivate all third-party plugins on your site and grant us permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

In addition, please provide your site’s WP Admin URL and credentials in the private content area of this topic, so that we can look into it further:

WP Admin URL:
WP Admin Username:
WP Admin Password:

Thank you for your cooperation.

Best Regards,
8Theme’s Team.

#350324 Copied

PR

Participant

March 17, 2023 at 09:03

Hello Tony,

Thanks!
I can see it becomes the same size when I am on the single page builder.
I had to make it 583px.

Can you check if its working on your end?

The domain was on the PCA on the last message of this thread.
Thanks!

#350331 Copied

Tony Rodriguez

Support staff

March 17, 2023 at 09:10

Hello @PR,

We have noticed that the add to cart button is now appearing larger/stretched on the website you provided. We have included a screenshot of it in the private content area of this reply for your reference. Please feel free to adjust the size as needed.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#350334 Copied

PR

Participant

March 18, 2023 at 08:05

Hello Tony,

I have made the width now 580. It saves, but when I exit the single page product builder and then come back, it goes back to the size of 400.

Any suggestions on what we can do so it stays at 580?

#350412 Copied

PR

Participant

March 18, 2023 at 08:09

Hello Tony,

We started deactivating the plugins and it suddenly started working.
How can we have the plugin but still have the width of the button as chosen?

Thanks!

#350413 Copied

PR

Participant

March 18, 2023 at 08:11

It appears to be conflicting with this plugin;

Checkout Plugins – Stripe for WooCommerce

#350414 Copied

PR

Participant

March 18, 2023 at 08:15

Maybe some custom code to override this issue?
Any suggestions would be great, we appreciate your help!

#350415 Copied
Tony Rodriguez

Support staff

March 18, 2023 at 08:43
Hello PR,

In order to resolve your issue, we suggest that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser cache and check back to your site:
```
.single-product-builder .single_add_to_cart_button {
    min-width: 580px !important;
}
```
Please note that you can adjust the min-width in the above CSS as per your requirements.

Best regards,
8Theme’s Team
#350418 Copied
PR

Participant

March 18, 2023 at 18:51

Thanks Tony,

It worked!

#350437 Copied

PR

Participant

March 18, 2023 at 18:55

However, it appears different on screen sizes etc.
Anyway we can fix this?

And why would it change when the stripe plugin is being used?

Thanks for your professional advice!

#350439 Copied

Rose Tyler

Support staff

March 19, 2023 at 11:17

Hello, PR,

1/ We do not give a guarantee for full theme compatibility with all existing 3rd party plugins. Sometimes, not always, you need additionally customize the theme or plugin to make them work together. Unfortunately, it’s not possible for the author to make the theme compatible with all the existing plugins and additional customization is outside the scope of our basic support.

2/ We can’t inspect the code on your site, so can’t analyze the situation and give you an answer. After opening the browser dev tools the site shows blank, it seems to be caused by a plugin that you activated.
Please disable 3rd party plugins and let us know.

Kind Regards,
8theme team

Please contact administrator
for this information.

#350474 Copied

PR

Participant

March 22, 2023 at 02:35

Hello Rose,

Thank you for the information

I have disabled that plugin, can you please check the inspect section now?
Appreciate your help!

#350775 Copied

Rose Tyler

Support staff

March 22, 2023 at 10:55

Hello, PR,

Thank you for the reply.
We can’t inspect still.
Please provide temporary wp-admin access via the Private Content area.

Kind Regards,
8theme team

#350833 Copied
Rose Tyler

Support staff

March 22, 2023 at 14:58
Hello @PR,

We would recommend you use the next code:
```
body .stretch-add-to-cart-button form.cart button.single_add_to_cart_button {
    flex: 1;
}
```
Also, edit this custom CSS code https://prnt.sc/onuqQhjAHe_r and set 200px there.

Kind Regards,
8theme team
#350866 Copied
PR

Participant

March 23, 2023 at 02:40

Hello Rose,

It works now!
Thanks a ton for your help and support on this one 🙂

#350904 Copied

Tony Rodriguez

Support staff

March 23, 2023 at 05:29

Hello PR,

We are delighted to hear that your issue has been resolved. Thank you for reaching out to us. We wish you a wonderful day.

This Topic is now closed.

Best regards,
8Theme’s Team

#350912 Copied
Tagged: add to cart, ecommerce, shopping cart, small button, themes, woocommerce, wordpress
Viewing 19 results - 1 through 19 (of 19 total)