Return to previous page

In which files editing the bottom menu add to the cart in the product card

This topic has 9 replies, 3 voices, and was last updated 2 years, 11 months ago ago by Alex007

Alex007

Participant

January 17, 2022 at 23:12

Hello. In which files editing the bottom menu add to the cart in the product card. Which style css file allows i to modify this add to cart button?

#314614 Copied Theme version: 8.0.12

8 Answers

Olga Barlow

Support staff

January 18, 2022 at 18:45

Hello,

If you want to customize styles of the single product add to cart button you can use child theme style.css or Theme Options > Custom CSS.

If you want to add any custom content below that button you can use WooCommerce hooks https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/ for these purposes and add them to child theme functions.php.

Regards

#314664 Copied

Alex007

Participant

January 19, 2022 at 18:07

I mean a opening block at the bottom with a black buy now button on the product page when scrolling down the page. Here is the block to edit.

#314774 Copied

Olga Barlow

Support staff

January 20, 2022 at 15:23

Hello,

Are you talking about Sticky add to cart https://prnt.sc/26gbv4i ?
What do you want to add/change there? Because sticky add to cart function is in XStore core plugin and it’s not so easy to change HTML content of that area. If you just want to change the styles then let me know and I’ll provide you custom CSS.

Regards

#314827 Copied

Alex007

Participant

January 20, 2022 at 22:42

Yes. Sticky menu. I want change only style.

#314847 Copied

Olga Barlow

Support staff

January 21, 2022 at 16:52

Hello,

Ok, what styles do you want to have for that button? Explain in more detail or provide the screenshot.

Regards

#314907 Copied

Alex007

Participant

January 22, 2022 at 00:21

Hello. I have a menu showing a choice of quantity to add to cart. And I need to apply styles to increase the size of this block. Because I do not fit the number of product (numbers) in the block. Therefore, somewhere me need to stretch, somewhere, on the contrary, reduce.

And the second question. In the product card, when I open a photo, it opens 2 times. That is, I click on the photo, it opens. I click on an empty space, the photo closes, but one more photo remains open. And only when you click a second time, it closes completely. What could be the problem? Wrote data to enter the site to view the product card.

You can also just see the sticky menu in this example. Then it will be clear which styles I want to adjust.

Please contact administrator
for this information.

#314964 Copied
Rose Tyler

Support staff

January 23, 2022 at 09:56
Hello,

Try to add the next code in Theme Options > Theme custom CSS > Mobile:
```
.single-product .etheme-sticky-cart .cart {
    display: block;
    padding: 10px 0;
}
```
Edit page using Elementor page builder > go to Site settings > Lightbox > Image Lightbox > disable http://i.prntscr.com/LaTcdLASTPqlWt-6ejim-w.png

Regards
#315017 Copied
Alex007

Participant

January 24, 2022 at 13:12

Perfect. You the best support for my life)

#315073 Copied
Tagged: add to cart, bottom menu, editing, product card, templates, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘In which files editing the bottom menu add to the cart in the product card’' has been successfully resolved, and the topic is now closed for further responses

In which files editing the bottom menu add to the cart in the product card

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection