Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists Sub: ua-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html Don't forget to drop any questions below, I will do my best to make a video demo for you!
Thank you so much Jamie for this video! It really helps a lot! One question please: I tried with margin-left: 50%; transform: translate(-50%) for my add to chart button however it doesn't center in the middle. Maybe because my button is in French which is longer: "Ajouter au panier". I just wonder is there an universal way to center this button no matter how long is the text? Thank you.
Glad to help @LaeniGittins - You can paste CSS code into a code module on the page using style tabs. You can also paste it derectly into any module over in Advanced tab > Custom CSS. It can be pasted into the Additional CSS panal in Customizer or the Custom CSS panel in Divi > Theme Options - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Yes @eynotj7011 - Check out our Divi Ecommerce playlist for more videos like this: ua-cam.com/video/rNhjGUsnC3E/v-deo.html&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help @koinoniaRemnants - It maybe because you did not put the price for product. With products that dont have price, the button will say 'read more' - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help @touseefahmad - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help @garrybhatia4827 - Go to design tab, down to button. Ckick on use custom style for button. Roll down just below button font style, you will see a switch that says 'show icon on hover". Click on it to turn it off! - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
@@System22 I mean for this add to cart button, as we add it through function in this video. We are designing it with CSS. So, I was wondering about CSS code for that.
great video. but the fact that divi has no simple solution for basic stuff like this is the reason I am switching to Framer, since Elementor is also horrible.
Glad to help @akairohoshi1872 - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Hello sir, I’m this helped me a lot , I’ve a question, please let me know how can I get rid of hover icons ? And view cart button ( after clicking on add to cart )
I'll look into it when I can @meanlogics6222 - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
I dont know why the hell on earth, divi did not include add to cart button on product tiles (category search or shop page).. its a very basic feature every ecom site MUST have!
More of a Woocommerce issue really @prateekbhardwaj9943 - Check out our Divi Ecommerce playlist for more videos like this: ua-cam.com/video/rNhjGUsnC3E/v-deo.html&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 - Please like, share and subscribe if you have not done so already - Thanks!
In case no-one has told you lately - you are a rockstar! Thank you for your incredible and informative videos! You have been my lifesaver more than once!
Thank you @LaeniGittins - Check out our Divi Ecommerce playlist for more videos like this: ua-cam.com/video/rNhjGUsnC3E/v-deo.html&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help Umar Idrees - I made this video for you: ua-cam.com/video/r7zSCXRcte4/v-deo.html - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help @accent45webdesign - Check out our Divi Ecommerce playlist for more videos like this: ua-cam.com/video/rNhjGUsnC3E/v-deo.html&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
Hey Jamie, I'm sorry if you already explained this in the video, but do you have to put the code in to the normal DIVI Theme php.functions, when you have testet it? And also do you have to activate your normal DIVI theme again?
Glad to help Christian Reismer - No put the code in the child theme functions.php and you don't need to activate Divi again! - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Not sure about that @sandielizabeth5789 - Are you using variable products maybe? Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Wonderful! Thank you for this easy hack. Just one question, how to resize the button? I changed the font size, but somehow it ruined the button design.
Glad to help @AhmadSyauqie - might try using: transform:scale(1.1); - 1.1 is 10% bigger, .9 would be 10% smaller etc... - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Hi. I added the child theme and the code to the .php in the child theme. My buttons dont say "add to cart" but rather "read more" which only takes me into the product page. Any suggestions?
Not sure why that is Kevin Gambarana - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
I followed the installation from the child theme plugin but i have not the same menu as you in my wordpress menu... the choice "theme file editor in the "Appearence" menu is not there... do you know where i could find the function.php page to enter the code ?
When you use the plugin really simple ssl, it make disappear the menu Theme editor and Extension editor so you can not add Php... you have to insert this line of code in the wp-config page to correct this : define('DISALLOW_FILE_EDIT', false); Thanks for your work !
In fact you can also disable the Really Simple SSL extension and keep https when asking and then access to the theme file editor without having to modify the wp-config page... easier and faster !
Glad to help Abdullah Al Jubayer - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Glad to help Abdullah Al Jubayer - Check out our Woocommerce playlist page for more videos on this: ua-cam.com/video/7Lvf5VcXr1c/v-deo.html - Please like, share and subscribe if you have not done so already - Thanks!
Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists
Sub: ua-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html
Don't forget to drop any questions below, I will do my best to make a video demo for you!
Thank you so much Jamie for this video! It really helps a lot! One question please: I tried with margin-left: 50%; transform: translate(-50%) for my add to chart button however it doesn't center in the middle. Maybe because my button is in French which is longer: "Ajouter au panier". I just wonder is there an universal way to center this button no matter how long is the text? Thank you.
Not sure why that is. Transform: translate is the universal way to center no matter what length of text!
One question - do you paste the CSS code somewhere here as I could not find it>
Glad to help @LaeniGittins - You can paste CSS code into a code module on the page using style tabs. You can also paste it derectly into any module over in Advanced tab > Custom CSS. It can be pasted into the Additional CSS panal in Customizer or the Custom CSS panel in Divi > Theme Options - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
hello, does your cart icon item number instantly go up after clicking the add to cart button?
Yes @eynotj7011 - Check out our Divi Ecommerce playlist for more videos like this: ua-cam.com/video/rNhjGUsnC3E/v-deo.html&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 - Please like, share and subscribe if you have not done so already - Thanks!
o=i tried tis on my site and when i put it, its saying READ MORE not add to cart
Glad to help @koinoniaRemnants - It maybe because you did not put the price for product. With products that dont have price, the button will say 'read more' - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Great Thanks you help me a lot
Glad to help @touseefahmad - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Hi Jamie, How can I disable button icon arrow on hover?
Glad to help @garrybhatia4827 - Go to design tab, down to button. Ckick on use custom style for button. Roll down just below button font style, you will see a switch that says 'show icon on hover". Click on it to turn it off! - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
@@System22 I mean for this add to cart button, as we add it through function in this video. We are designing it with CSS. So, I was wondering about CSS code for that.
great video. but the fact that divi has no simple solution for basic stuff like this is the reason I am switching to Framer, since Elementor is also horrible.
Glad to help @akairohoshi1872 - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
Hello sir, I’m this helped me a lot , I’ve a question, please let me know how can I get rid of hover icons ? And view cart button ( after clicking on add to cart )
I'll look into it when I can @meanlogics6222 - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
I dont know why the hell on earth, divi did not include add to cart button on product tiles (category search or shop page).. its a very basic feature every ecom site MUST have!
More of a Woocommerce issue really @prateekbhardwaj9943 - Check out our Divi Ecommerce playlist for more videos like this: ua-cam.com/video/rNhjGUsnC3E/v-deo.html&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 - Please like, share and subscribe if you have not done so already - Thanks!
In case no-one has told you lately - you are a rockstar! Thank you for your incredible and informative videos! You have been my lifesaver more than once!
Thank you @LaeniGittins - Check out our Divi Ecommerce playlist for more videos like this: ua-cam.com/video/rNhjGUsnC3E/v-deo.html&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 - Please like, share and subscribe if you have not done so already - Thanks!
how to reduce button size in mobile view?
i want to make responsive ADD TO CART button.
Please help
Glad to help Umar Idrees - I made this video for you: ua-cam.com/video/r7zSCXRcte4/v-deo.html - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Life saver!! It took me a bit to find this, until I typed in the right search terms. thank you!
Glad to help @accent45webdesign - Check out our Divi Ecommerce playlist for more videos like this: ua-cam.com/video/rNhjGUsnC3E/v-deo.html&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
Hey Jamie, I'm sorry if you already explained this in the video, but do you have to put the code in to the normal DIVI Theme php.functions, when you have testet it? And also do you have to activate your normal DIVI theme again?
Glad to help Christian Reismer - No put the code in the child theme functions.php and you don't need to activate Divi again! - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
my buttons dont say 'add to cart' they say "select options'. Any way to change that?
Not sure about that @sandielizabeth5789 - Are you using variable products maybe? Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Wonderful! Thank you for this easy hack. Just one question, how to resize the button? I changed the font size, but somehow it ruined the button design.
Glad to help @AhmadSyauqie - might try using: transform:scale(1.1); - 1.1 is 10% bigger, .9 would be 10% smaller etc... - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
@@System22 Brilliant, thank you 🤗
Hi. I added the child theme and the code to the .php in the child theme.
My buttons dont say "add to cart" but rather "read more" which only takes me into the product page.
Any suggestions?
Not sure why that is Kevin Gambarana - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
its because you did not put the price for product .the products which dont have price .its button will say read more
Great answer!
I followed the installation from the child theme plugin but i have not the same menu as you in my wordpress menu... the choice "theme file editor in the "Appearence" menu is not there... do you know where i could find the function.php page to enter the code ?
When you use the plugin really simple ssl, it make disappear the menu Theme editor and Extension editor so you can not add Php... you have to insert this line of code in the wp-config page to correct this :
define('DISALLOW_FILE_EDIT', false);
Thanks for your work !
Interesting, not come across that issue before!
In fact you can also disable the Really Simple SSL extension and keep https when asking and then access to the theme file editor without having to modify the wp-config page... easier and faster !
Nice!
chummmmmmaaaaaaaa
Glad to help Abdullah Al Jubayer - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
love you bhai
Glad to help Abdullah Al Jubayer - Check out our Woocommerce playlist page for more videos on this: ua-cam.com/video/7Lvf5VcXr1c/v-deo.html - Please like, share and subscribe if you have not done so already - Thanks!