how to edit "add to cart (icon cart)" to "view products (icon: eye)" and…?

I have 3 problems:
1. how to edit “add to cart (icon cart)” to “view products (icon: eye)”?
2. how to product categories auto play without click button prev?
3. I want to click to “login to see price” automatically redirects to the homepage without appear popup login.
Please watch video and help me edit it.

I have one more problem:
4. How to disappear “login” and “register” all page?

Hello,

Thank you very much for choosing our theme and for contacting us.

1. In order to rewrite “Add to cart” try free plugin Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

We suggest you to keep translated files in wp-content/languages/themes/woodmart-pt_PT.po folder.

And here is the code to change the icon:

body .basel-hover-alt .btn-add>a.add_to_cart_button:before, 
body .basel-hover-alt .btn-add>a.product_type_external:before {
    content: "\f06e";
	font-family:fontawesome;
}

2. Product category element does not have the autoplay option. We shall add this option in our updates. As a way out you can use Promo banners element. You will have to insert all the links manually.

3. and 4 are not possible by their nature. A user must log in to see the prices, so he needs to go to a form to log in and he will have to register first.

Best Regards

Hi,
1. The way you show me is to apply on the all product, however I see this demo: https://preview.themeforest.net/item/basel-responsive-ecommerce-theme/full_screen_preview/14906749 not apply on the all product! Please help me do that.

bonus: how to edit “add to cart (icon cart)” to “view products (icon: phone)”?

3. Is there any way to prevent when I click to “login to see price” disappear login popup?

Hello,

Navigate to the Theme Settings > Header > My Account you will find all the options available, you can disable the form but leave the link to My Account page.

It is not possible to remove the hover on one type of product and show on another.

Best Regards

OK. Please reply more my question:
1. The way you show me is to apply on the all product, however I see this demo: https://preview.themeforest.net/item/basel-responsive-ecommerce-theme/full_screen_preview/14906749 not apply on the all product!
I find a product show “read more” click to introduce page other show ” view product” click to introduce page, other show “add to cart” add to cart.
Please help me do that.

2. how to edit “icon: cart” to “icon: phone?” in “add to cart”?

Hello,

1. Provide page URL and what hover effect you want we shall check in inform if is possible to do.

2. Provide the product page URL

Best Regards

OK.
default product has hover effect “add to cart” + “cart icon”. However, I find some product has hover special effect
EX:
1. This is link to product has hover effect: https://preview.themeforest.net/item/basel-responsive-ecommerce-theme/full_screen_preview/14906749
To see hover effect, please go to home: https://preview.themeforest.net/item/basel-responsive-ecommerce-theme/full_screen_preview/14906749
This product has hover effect “read more” and “eye icon”. Please show me how to edit like that.
2. Similar, This is link to product has hover effect:https://preview.themeforest.net/item/basel-responsive-ecommerce-theme/full_screen_preview/14906749
To see hover effect, please go to home:https://preview.themeforest.net/item/basel-responsive-ecommerce-theme/full_screen_preview/14906749
This product has hover effect “view product” and “eye icon”. Please show me how to edit like that.
3. I want change special icon. Please show me edit “eye icon” to “phone icon” or edit “cart icon” to “phone icon”

Hello,

You mean different product hover effects.

Navigate to the Theme settings > Shop > Hover on a product http://prntscr.com/mclnk0

This option sets the effect on the Shop page, Category page and tab/attribute pages. This is a global option and cannot be set differently for shop and category page, for example.

Besides, you can show a product grid or carousel on any page. You can add different grids to one page and different hover effects. Here are more details: https://xtemos.com/docs/basel/faq-guides-2/product-grid-carousel-element/

Best Regads

OK. Please give me the code to change the icon cart to icon phone:

Hello,

Here is the code to change the icon:

body .basel-hover-alt .btn-add>a.add_to_cart_button:before, 
body .basel-hover-alt .btn-add>a.product_type_external:before {
    content: "\f095";
	font-family:fontawesome;
}

Best Regards

[Author]

Posts