I have a problem with Sticky Add To Cart, i have Astra theme and Woocomm rce installed. Namely, after scrolling down the page, the bar appears, but when I scroll to the very top of the page, the bar does not hide. What could it be caused by? I have to refresh the page and only then Add to cart disappears. I noticed that if I make a popup in Elementor that pops up the same way as the Add to cart sticky (when scrolling), a similar problem occurs. The bar appears, but when moving to the top of the page, the bar does not disappear. Thanks in advance for your help! Because I’m starting to give up. The page address is: HTTPS://warmener.pl
Sticky Add to cart will dissapear when i scroll to the top.
sticky-add-to-cart.js(unminified) and sticky-add-to-cart.js(minified) both files have a code line to get the button offset.
This is that line document.querySelector( '.product .single_add_to_cart_button' ).offsetTop
Right now, it's returning the value for some reason, maybe conflicting with elementor HTML tags or maybe because of some other reasons.
To fix the issue you'll have to use getBoundingClientRect().top instead of using offsetTop
so you'll have to modify both files and replace
document.querySelector( '.product .single_add_to_cart_button' ).offsetTop
with this next line:
document.querySelector( '.product .single_add_to_cart_button' ).getBoundingClientRect().top
It will solve your issue.
Note: Purge/Clear the cache after file changes and force reload the page then test.
Related
I have a problem with the page jumping down when product variations are loaded (i noticed it scrolls to the end of the container).
I tried disabling all plugins + all custom CSS I made. The page still jumps down randomly when the images are loading on attribute change.
To encounter this issue you have to scroll down a little bit. It only happens when the site isn't full on top. If you scroll down to mid of the site (the right column is sticky) and then choose variation it will do like in the below video:
https://www.loom.com/share/ea6fed87d0394c7eb6ea0effd02836d3
Is it possible to add a function, that when the product images are loaded the site automatically scrolls to the top? I thought about something like window.scrollTo(xCoord, yCoord); (scroll to top)
Thanks in advance, I have no idea what could I do now.
New to wordpress, I am trying to remove the white space between the header and the slider. Basically when I am trying to edit a wordpress page, every time there is an "add title" thing on top of page which I think is the reason for that happening.
This is a picture of the result:
And the wordpress dashboard:
What I am trying to achieve is to put the slider exactly below the header.
Like this :
I am using the Astra Theme and the plugins "mystickymenu" to make my header sticky and the "smart slider" to make the slider.
I have tried installing different themes and tried lots of different plugins, nothing seems to work to remove the "add title thing" completely. Even the disable button from Astra will not remove the feature.
I have also tried additional css to Astra, every new thing I insert to the page starts from the top of the slider, leaving always this white space between the header and the slider.
What am I doing wrong?
When you open the page from pages you have to check "Deactivate title". It will exclude that code in the specific page.
I am embedding iPushPull in a WordPress Site. I have setup all and data is showing properly on this page:
https://www.daytradingcrudeoil.com//test-data/
I want to hide the whole bottom bar or just share and download button. For that I tried this:
[ipushpull_page folder="r1" page="MyDataPage" height="325px" btn_share="no" btn_download="no"]
as in the example on iPushPull page but nothing happens, buttons are still there.
How can I remove or hide these buttons?
Customising or hiding the bottom bar is only possible if you have a paid-for package. The bottom bar cannot be changed if you have a free account. See the answer on the FAQs page for the iPushPull WordPress plugin.
ive a problem that the widget area is not showing correct
in the Single Product page of wocommerce, wordpress.
Here the live link
http://www.bonindesign.de/kunden/tomute/produkt/testo-4ro/
If you scroll below, you see that the widget area is hanging in the footer.
Can you help me with that ?
Thanks alot
Alpha
It's something to do with the closing div on line 273.
I am a CSS noob and I created a carousel using jCarousel. It works like it should as a page and with tabbed menus. The problem is the theme adds CSS to it when I go to /admin/config/system/site-information and make the view the default front page. It adds list bullets over each carousel item and changes the displayed item location.
I want to remove these bullets from the view but not the entire site. The development site can be seen at http://delphos.lib.oh.us/NewSite/
If you click on one of the "tabs" (red boxed buttons) the display problem goes away.
Any help would be appreciated.
TBG
Try looking for this line:
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {}
You can remove the whole line, or just remove the content attribute. Either should work.