Home › Forums › Themes Support › Claue › Add to cart button in product listing page
- This topic has 49 replies, 3 voices, and was last updated 7 years, 4 months ago by Harry.
-
AuthorPosts
-
-
August 6, 2017 at 5:48 pm #7795
How to add ‘Add to cart’ button in product listing page?
-
August 6, 2017 at 5:51 pm #7796
Hi,
Thank you for purchase.
We will release the update have this option on tomorrow. (You can enable in Claue > Theme Option > WooCommerce > Product Listing > Enable Add To cart > On)
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 6, 2017 at 5:55 pm #7797
Thanks for the update.
-
August 8, 2017 at 1:13 pm #7851
Any updates..?
-
August 8, 2017 at 1:35 pm #7852
Hi we release update yesterday. Please update to latest version to have this feature
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 8, 2017 at 3:53 pm #7854This reply has been marked as private.
-
August 8, 2017 at 4:10 pm #7856
Hi,
You can follow our topic for update theme.
and the changelog included in latest package you download from ThemeForest
==v1.2.0== 08/07/2017
* Fix – Optimize Ajax Add To cart function in product detail
* Fix – Fix bug websafe font loader
* Fix – Fix issue add link to slider doesn’t work
* Fix – Fix product listing responsive
* Fix – Fix bug sale badge for product variable
* Fix – Fix error mesage when enable product attribute on up-sells, cross-sells product
* Fix – Fix single blog post layout without sidebar
* Tweak – Add option to enable add to cart button on product listing
* Tweak – Add option to disable quick shop button
* Tweak – SImprove style for WC Vendors
* Tweak – Improve Apple Pay style
* Tweak – Update ClaueAddon to 1.0.7
* Tweak – Add options to control display of icons on header
* Tweak – Add option to choose the Instagram image size
* Tweak – Add option to add extra content below add to cart button on product detail page, mini cart, shopping cart, checkout pageBest regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 8, 2017 at 5:11 pm #7857This reply has been marked as private.
-
August 8, 2017 at 5:12 pm #7860This reply has been marked as private.
-
August 8, 2017 at 5:56 pm #7864
Please help
-
August 8, 2017 at 6:24 pm #7865
Hi,
You can add custom css in Claue > Theme Option > General Layout > Custom CSS
.product-btn {
left: auto;
right: 5%;
top: auto;
transform: translate(0px, 0px);
}.product-image:hover .product-btn {
bottom: 5%;
}Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 8, 2017 at 6:49 pm #7872This reply has been marked as private.
-
August 8, 2017 at 9:35 pm #7884
Hi,
Our theme does not support the icon for those positions but I can custom for you. Would you mind provide me the icon you want to use? and also give me your website URL and a temporary admin account.
Thank you
-
August 9, 2017 at 7:30 pm #7941This reply has been marked as private.
-
August 9, 2017 at 7:53 pm #7943This reply has been marked as private.
-
August 9, 2017 at 11:51 pm #7957
Hi,
you can add below code in Claue > Theme Option > General Layout > Custom CSS
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 10, 2017 at 1:17 pm #8009This reply has been marked as private.
-
August 10, 2017 at 1:21 pm #8011This reply has been marked as private.
-
August 10, 2017 at 3:38 pm #8020
Thank you for your rating.
You can change prev code to
Have a great day!
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 10, 2017 at 4:14 pm #8024This reply has been marked as private.
-
August 10, 2017 at 4:30 pm #8027
You also remove these code use the last one.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 10, 2017 at 4:31 pm #8028This reply has been marked as private.
-
August 10, 2017 at 5:33 pm #8032
How to put add to cart action/effect like http://atelier.swiftideas.com ?
-
August 10, 2017 at 5:38 pm #8033This reply has been marked as private.
-
August 10, 2017 at 8:20 pm #8042This reply has been marked as private.
-
August 10, 2017 at 8:49 pm #8045
Hi,
I’m sorry, our theme does not support this function, you can hire Freelancer to do this task.
Hope you understand our situation.
Best regards,
Foster
-
August 10, 2017 at 9:42 pm #8064This reply has been marked as private.
-
August 10, 2017 at 9:48 pm #8066
Hi,
Please provide me a temporary admin account, I will do it for you. -
August 11, 2017 at 2:44 pm #8102This reply has been marked as private.
-
August 11, 2017 at 8:52 pm #8110
Hi,
I see you did it by yourself? -
August 12, 2017 at 1:07 am #8134This reply has been marked as private.
-
August 12, 2017 at 9:50 am #8144
I saw you override code of product listing page.
You can add below code under the code of image thumbnail
We recommend do override on child theme.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 13, 2017 at 7:12 pm #8228
With this code, desktop view is proper but there is problem in mobile view.
-
August 13, 2017 at 8:45 pm #8231This reply has been marked as private.
-
August 13, 2017 at 9:08 pm #8232This reply has been marked as private.
-
August 13, 2017 at 11:45 pm #8234
Hi,
1. You can add custom css in Claue> Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 736px) {
.btn-quickview { text-indent: 0; font-size: 14px !important;}
}2. Sorry the add to cart effect need more change. We are so busy can’t help you do it. You can hire some freelancer to help you do it https://studio.envato.com/
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 14, 2017 at 12:50 pm #8245
Ok Thanks for the help. But still there is icon beside wishlist icon.
-
August 14, 2017 at 3:04 pm #8246This reply has been marked as private.
-
August 14, 2017 at 3:23 pm #8249This reply has been marked as private.
-
August 14, 2017 at 4:00 pm #8252
Hi,
1. You can change prev code to
@media only screen and (max-width: 736px) {
.btn-quickview { text-indent: 0; font-size: 14px !important;}
.btn-quickview::after {display: none;}
}2. The space because your original image have more white space around http://www.unityinfoway.net/techa/wp-content/uploads/2017/07/organic-darjeeling-oolong-570×760.jpg
3. The issue because you set the height of slider row is full height On our demo it is an background image set as cover. The slider is responsive can’t set as cover height.
You can fix by follow this screen shot https://monosnap.com/file/txtMCzieGqSJaehmwlDUgGfViDhiSD#
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 14, 2017 at 4:11 pm #8253
- Done
- If we remove that white space from image, will it look good?
- So what should we have to do to achieve same UI as in demo?
-
August 14, 2017 at 4:23 pm #8254
In 3rd step we have unchecked Full height row as https://monosnap.com/file/txtMCzieGqSJaehmwlDUgGfViDhiSD#
but still same issue.
-
August 14, 2017 at 4:29 pm #8255
2. Yes, when you remove white space around the image you product listing will be better.
3. I checked your site it now better, it doesn’t have more white space on mobile, please clear cache and check again.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 17, 2017 at 11:57 am #8349This reply has been marked as private.
-
August 17, 2017 at 12:19 pm #8350
Hi,
I’m not sure because our theme and these plugins override default WooCommerce.
You can disable Ajax Add To Cart integrate with our theme in WooCommerce > Settings > Products > Display > Add to cart behaviour > And uncheck all
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 17, 2017 at 5:56 pm #8365This reply has been marked as private.
-
August 17, 2017 at 10:09 pm #8373
Could you send us admin account as private reply, we need more close look before give you suggest.
Thanks
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
August 21, 2017 at 3:23 pm #8551
How to hide Add To Cart icon button (beside Wishlist icon) from Menu bar?
-
August 21, 2017 at 3:24 pm #8552This reply has been marked as private.
-
August 21, 2017 at 4:47 pm #8557
Hi,
You can hide cart icon on menu bar by add custom css in Claue > theme options > general layout > custom CSS
.jas-icon-cart { display: none;}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
-
-
AuthorPosts
You must be logged in to reply to this topic.