Return to previous page

Add to cart not available in single product builder

This topic has 62 replies, 3 voices, and was last updated 1 years, 3 months ago ago by Rose Tyler

brndvnrdn

Participant

July 6, 2023 at 12:03

Hello, the add to cart widget is not available in the bottom of the single product page builder https://prnt.sc/GljxZxGYzMJe

#361346 Copied Theme version: 9.1.8

61 Answers

Rose Tyler

Support staff

July 6, 2023 at 12:18

Hello, Brndvnrdn,

Thank you for contacting us and for using XStore.

Please make sure that Catalog mode is disabled via Theme options.

Provide temporary wp-admin access, so we can check your settings.

Kind Regards,
8theme team

Please contact administrator
for this information.

#361352 Copied

brndvnrdn

Participant

July 6, 2023 at 12:31

Catalog mode is off. Running wp locally so cannot provide temporary access at the moment.

What other settings would cause this ? Already cleared cache, cookies and tried other browser.

#361357 Copied

Rose Tyler

Support staff

July 6, 2023 at 13:17

Hello, Brndvnrdn,

Thank you for your response.

Could you export files of settings for us? Go to Theme Options > Import/Export > Export. Upload the file on https://wetransfer.com/ and provide us with the URL. We will import your settings on our test site and check.

Kind Regards,
8theme team

#361365 Copied

brndvnrdn

Participant

July 6, 2023 at 13:39

Sure thing, here are the settings: https://we.tl/t-PGpyjnvV5z

#361371 Copied

Rose Tyler

Support staff

July 6, 2023 at 15:02

Hello, Brndvnrdn,

Thank you for your response.

Please try to import the next options on your site – https://we.tl/t-uILsCQeRsT

Kind Regards,
8theme team

#361382 Copied

brndvnrdn

Participant

July 6, 2023 at 15:27

Okay, that changed something and something’s showing up now.

https://prnt.sc/uF5AqMo03_8l

However I cant seem to edit the location of the add to cart button or anything else. Whenever I do try to edit it nothing happens and I have to reload the website.

Also there is a vertical header which is enabling itself everytime after refreshing, even after I turn it off.

#361388 Copied

Rose Tyler

Support staff

July 6, 2023 at 15:48

Hello, Brndvnrdn,

Header Builder > Header Vertical > disable it > then Publish.

In this case, please do the next:
– import on site your file with settings https://we.tl/t-PGpyjnvV5z
then follow steps from the Private Content area.

Kind Regards,
8theme team

Please contact administrator
for this information.

#361391 Copied

brndvnrdn

Participant

July 6, 2023 at 20:25

Great ! Very detailed steps but it works now. Many thanks.

When importing the previous settings file I saw a sticky bottom bar/menu with the add to cart button and quantity. I really liked that, can I enable that in the theme to check out ? Thanks.

#361402 Copied

Tony Rodriguez

Support staff

July 7, 2023 at 06:03

Hello, @brndvnrdn,

If you would like to enable or disable the sticky add to cart feature on the single product page, please navigate to XStore > Theme Options > Woocommerce > Single product builder > Add to cart & Quantity > Sticky Cart and toggle it ON. Once you have done this, please remember to publish the changes.

For further reference, please refer to the image provided at the following link: https://imgur.com/RyZDOps

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#361411 Copied

brndvnrdn

Participant

July 7, 2023 at 11:10

Many thanks. I got it to show up once but it’s not appearing again at the bottom despite me toggling it on and off/refreshing, publishing, clearing cache, etc.

https://prnt.sc/c0wNN7XVmRGU

Could you help me ?

#361461 Copied

Rose Tyler

Support staff

July 7, 2023 at 12:24

Hello, @brndvnrdn,

Your site on local, so we can’t check the problem more deeply (the sticky cart works fine on our test site with your settings imported).
Please contact us once your site will be live, so we can check and help you.

Kind Regards,
8theme team

#361467 Copied

brndvnrdn

Participant

July 7, 2023 at 13:55

Okay, I will fix it later.

How can I disable the zoom on hover in the product gallery? In the single product page builder?

#361477 Copied

brndvnrdn

Participant

July 7, 2023 at 13:58

Also, my sale color is not updating when edited in the menu.

https://prnt.sc/uXfmV6mtHyAQ

It is being controlled by :

.cart ins .amount, .price ins .amount, .product-price ins .amount {
color: #aa004f !important;
}

When I disable this css in the inspector it’s correctly updating the color. How can I change this?

#361479 Copied

Rose Tyler

Support staff

July 7, 2023 at 15:23

Hello, @brndvnrdn,

Thank you for your response.

“How can I disable the zoom on hover in the product gallery? In the single product page builder?” – Single Product Builder > Gallery > Zoom can be disabled https://prnt.sc/QtHtY3zgQMwy

In this case, you can remove the mentioned custom CSS code – https://prnt.sc/XE2PvlbGPCl0

Kind Regards,
8theme team

#361491 Copied

brndvnrdn

Participant

July 7, 2023 at 15:37

Okay, thanks, that worked.

When opening the lightbox there seem to be double closing x and double navigation arrows. How can I disable one of the two navigational arrows and closing x ?

https://prnt.sc/0p7RtwkqGrKZ

#361497 Copied

Rose Tyler

Support staff

July 7, 2023 at 15:42

Hello, @brndvnrdn,

One lightbox is ours, the second from Elementor, you can disable one of them:
– Single Product builder > Gallery > Lightbox > Off;
– edit any page using Elementor page builder > go to Site settings > Lightbox > Image Lightbox > disable.

Kind Regards,
8theme team

#361501 Copied

brndvnrdn

Participant

July 9, 2023 at 09:57

Thanks.

Do you have CSS code to make the shop page have the products in 1 column only on mobile ? Right now the smallest amount of columns I can choose is 2.

I would like it to look like this: https://wpzone.co/wp-content/uploads/2020/10/WooCommerce-Products-in-One-Column-on-Mobile-Devices-Divi-Shop-module-CSS-added-.jpg

#361580 Copied

Rose Tyler

Support staff

July 9, 2023 at 10:44

Hello, @brndvnrdn,

Thank you for your response.

Please try to use custom CSS code from this topic – https://www.8theme.com/topic/product-per-row-on-product-catalog-for-mobile-view/#post-361135

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#361584 Copied

brndvnrdn

Participant

July 9, 2023 at 14:21

It works. Many thanks.

I am trying to make a background video stretch to height but am having trouble finding a suitable solution. Basically I want there to be no black space visible for different window sizes. Right now it stretches to full width, it’s also set to full height but it’s not stretching the video appropiately.

https://prnt.sc/VSxD8Jych-E2

Do you have a solution ? thanks

#361595 Copied
Rose Tyler

Support staff

July 9, 2023 at 14:40
Hello, @brndvnrdn,

Please try to use the next custom CSS code:
```
iframe.elementor-background-video-embed {
    max-width: unset !important;
}
```
Kind Regards,
8theme team
#361599 Copied
brndvnrdn

Participant

July 9, 2023 at 14:51

Works great, amazing!

#361600 Copied

Rose Tyler

Support staff

July 9, 2023 at 15:13

Hello, @brndvnrdn,

You’re welcome!

Kind Regards,
8theme team

#361603 Copied

brndvnrdn

Participant

July 9, 2023 at 15:28

On desktop/tablet it works very well, but on mobile size the section becomes very small. Anyway to fix that ?

https://prnt.sc/3NOiqwf6l5N3

#361606 Copied

Rose Tyler

Support staff

July 9, 2023 at 15:54

Hello, @brndvnrdn,

Please check the height of the section, for example – https://prnt.sc/7XuHg7UOBqt8
https://elementor.com/help/section-overview/

Kind Regards,
8theme team

#361610 Copied

brndvnrdn

Participant

July 10, 2023 at 14:44

Yep, that fixed it.

Regarding the Single Product Builder, I currently have the Gallery Type selected as shown. Is it possible to have the the other gallery pictures shown left and right of the main picture? (So like it is showing in the Gallery Type preview thumbnail)?

https://prnt.sc/IxmiztU3bBQe

And it is possible to limit the height of the gallery in a way ? It’s taking up a lot of space since it’s full width, especially on desktop.

#361680 Copied

Rose Tyler

Support staff

July 10, 2023 at 16:21

Hello, @brndvnrdn,

1/ Unfortunately, this feature is not available at the moment. The thumbnail was designed to only show that there is a functioning gallery.

2/ Please try the next settings – https://prnt.sc/qzzXvq5aZ3TJ

Kind Regards,
8theme team

#361696 Copied

brndvnrdn

Participant

July 11, 2023 at 11:12

Thanks, that solution is working. I can also use the lightbox again now because I’m using a different gallery variation.

Regarding the earlier question I asked about the lightbox and the double navigational controls appearing, I turned the lightbox off in Elementor but they’re still appearing somehow. Any other way to turn them off ?

https://prnt.sc/g6ZZOVujG0Jv
https://prnt.sc/To7g2E6HuN-G

#361747 Copied
Rose Tyler

Support staff

July 11, 2023 at 12:28
Hello, @brndvnrdn,

Please try to use the next custom CSS code:
```
.single-product .pswp__button--arrow--left,
.single-product .pswp__button--arrow--right {
    display: none;
}
```
Kind Regards,
8theme team
#361748 Copied
brndvnrdn

Participant

July 11, 2023 at 12:33

Thanks for your help. But now both arrows are gone (I would just like one pair gone), and the double x to close remains.

https://prnt.sc/uG5dC1IbVbM5

#361749 Copied
Tagged: add to cart, persuasive, product builder, single product, template, woocommerce, wordpress
1 2 3

Viewing 30 results - 1 through 30 (of 62 total)