Add to cart button

Hi,
Could you please let me know how to remove the product price from the ‘Add to Bag’ button? I just want it to be ‘Add to Bag’ without the price. see image: https://prnt.sc/1j7v03BEZjEQ

Also, was there an upgrade on the ability to completely edit how the product page looks and where to put the add to cart button etc?

Thank you.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.single-product .summary-inner .single_add_to_cart_button .custom_price{
    display:none;
}

Best Regards

Hi,

Some reason our add to cart button just process when clicked and doesn’t actually add products to cart. Only after when page is refreshed then you see the items has been added. But when simply just clicking add to cart it just loads and doesn’t show it’s been added

See video
Thank you

Wasn’t able to upload video. See image attached. The loading circle just appears and doesn’t process request

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the plugins except these ones:

Slider Revolution
Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Best Regards

Hi there

Just wondering why my price is showing incorrect style. It should be in bold and in colour pink.
See image attached

Attachments:

You must be logged in to view attached files.

Sorry, in additions to the concern above, can you please let me know how I can set a standard font for the cart. There seems to be a lot of fonts happening from the product name, price, button font, personalisation details font. They all seem to be different from one another. But on the theme setting, it is set a standard 1 font which hasn’t applied. See attached image

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the product page URL wit the problem.

Best Regards

I waited for you prompt response and that’s all you have to mention. Why not go to the website and see for yourself. It’s all over the website. I sent images for reference on how it should look.

All pages. Shop page, home page. The product price isn’t appearing as it should – pink and bold.

It’s the overall website. I don’t understand, why you didn’t go to the website and had a look at the point of issue I had mentioned which then you would clearly see what I’m talking about.

Also, the mobile version search that appears on the menu slide, keeps changing from a search magnifying icon to search button. Can you tell me how to stop it from being a search button. We want it streamlined to the magnifier search icon.

Sometimes it appears as the magnifier and then I go back and check later and it has changed to a search button. Why does this happen? See images attached

Attachments:

You must be logged in to view attached files.

[E-N Admin]

Okay, My website is now experiencing a lot of issues.

Here is an updated list.

1. Price design display – It should be Pink and Bold and not black – this can be seen in home page and shop page and everywhere else which shows product pricing displayed. It is not showing how it is set on the theme setting – see images attached above:
See image of how it should look: https://prnt.sc/avZI-tKZDN-Q
(Pink and bold, issue occurring for both desktop and mobile)

2. Cart has numerous different fonts. Product name, price and personalisation details etc all have different fonts instead of the one default font set. This issue is noticeable on both desktop and mobile:
see image https://prnt.sc/VgnBACu0atVi

3. Mobile Search in menu – One minute is displays it with a search magnifier and then when I go back and look again, it has changed to a search button which causes the whole side menu to be out of design as the search button just appears on top of the line. see images of different search design.
See image of how we want it: https://prnt.sc/AlP7BISnmZf-
and image how it looks at times: https://prnt.sc/pi1I_bWSvXfS

4. Desktop Issue viewed on incognito screen . A white gap has appeared between the announcement top bar and the top header. – just white space. When you first go into the website, its fine and then few seconds later, the white space appears.
See image: https://prnt.sc/stqTCIzSgGHt

5. Desktop Issue viewed on incognito screen : I would like to use a custom cart image – which I do for mobile but when I put custom cart image for Desktop – its massive and takes over the corner of the screen.
See image: https://prnt.sc/1htQwFDDL2J8
I have put back the bag icon to the standard for the purpose of not having a broken cart/bag on the website.

Please go ahead on the backend and deactivate and troubleshoot as you please as some issues doesn’t seem to go away and have remained for months and I’ve just to just work around it but I’d like it fixed. All images attached
Thanks

• This reply was modified 2 years ago by E-N Admin.
• This reply was modified 2 years ago by E-N Admin.

Note: the white space above the main header is also happening in mobile
see image: https://prnt.sc/jRoLgdLw4INf

Any chance I can get all the above issues sorted today?

Hello,

The price insider Add to cart button is added either by a third parties plugins (not related to the theme) or by your customization.

I cannot enter the site with the credentials you provided.

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG
Disable the child theme.

Also deactivate Layouts for the single products if you have created any in Dashboard > Layouts.

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Check the issue.

Wasn’t able to upload the video. See the image attached. The loading circle just appears and doesn’t process request

By default, Woocommerce does not provide the option to add a video to the product grid. Most likely the plugin you use is not compatible either with Woocommerce or WoodMart.

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

This padding is important for all the Woocommerce templates, in order to remove it from the home page you need to add this negative margin to the first section if you use Elementor https://prnt.sc/uhivji or set margin-top:-40px in the upper row settings: http://prntscr.com/lexqqs for WP bakery page builder.

Best Regards

I’m not sure what issue you have addressed above. But it is none of what the issue I was trying to get an answer for and now I have to wait another 24-48 hours for a response and get these issues rectified.

This issue I’m having currently are below.

1. Price design display – It should be Pink and Bold and not black – this can be seen in home page and shop page and everywhere else which shows product pricing displayed. It is not showing how it is set on the theme setting – see images attached above: The theme setting typography setting is for the prices across the site to be pink and bold – it is not currently.
See image of how it should look: https://prnt.sc/avZI-tKZDN-Q
(Pink and bold, issue occurring for both desktop and mobile)

2. Cart has numerous different fonts. Product name, price and personalisation details etc all have different fonts instead of the one default font set. This issue is noticeable on both desktop and mobile:
see image https://prnt.sc/VgnBACu0atVi

3. Mobile Search in menu – One minute is displays it with a search magnifier and then when I go back and look again, it has changed to a search button which causes the whole side menu to be out of design as the search button just appears on top of the line. see images of different search design.
See image of how we want it: https://prnt.sc/AlP7BISnmZf-
and image how it looks at times: https://prnt.sc/pi1I_bWSvXfS

Hello,

The site admin access is not valid and I cannot check the current settings.

1. The price can be changed by Advanced typography in the Theme Settings > Typography > Advanced typography: https://gyazo.com/7a529650b35ad94760cf673a56d7ec79

2. You can set a different fonts for two parts of the content in the cart: https://gyazo.com/5b80c049129ae8c7a2ca4905eadb0d8c

Please add this code to the Theme Settings > Custom CSS > Global:

.widget_shopping_cart .cart-info span.wd-entities-title, .widget_shopping_cart .cart-info span.quantity {
    color:red;
}

and

body .cart-info span.quantity .woocommerce-Price-amount {
    color: blue !important;
    font-weight: 500 !important;
}
.widget_shopping_cart .cart-info span.quantity {
    color: green !important;
}

I could not reproduce the issue. Could you kindly provide the actions step by step? What device and what browser you are checking on?

Best Regards

[E-N Admin]

I dont think you understand. I don’ think you even looked at my screen shots I sent.

The price typography has already been set on the back end to show as pink colour but on the front end it isn’t showing this. It’s black on the front end.

This is what is set on the back end: https://prnt.sc/q_sWOSNigCsk
This is what it looks like on both desktop and mobile: https://prnt.sc/mbM7SoShWc56

Credentials updated.

• This reply was modified 2 years ago by E-N Admin.

I also don’t know what those CSS codes you provided above but it didn’t fix any of my concerns and issues

Hello,

Please replace the code with this one:

body .widget_shopping_cart .cart-info span.wd-entities-title, .widget_shopping_cart .cart-info span.quantity {
    color:red;
}
body .cart-info span.quantity .woocommerce-Price-amount {
    color: blue !important;
    font-weight: 500 !important;
}
body .widget_shopping_cart .cart-info span.quantity {
    color: green !important;
}

Best Regards

[Author]

Posts