Home › Forums › Basel support forum › how to edit "add to cart (icon cart)" to "view products (icon: eye)" and…?

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

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 25, 2019 at 1:29 am #103968

    mqdk33
    Participant

    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.

    January 25, 2019 at 1:50 am #103969

    mqdk33
    Participant

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

    January 25, 2019 at 8:11 am #104000

    Elise Noromit
    Member

    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

    January 25, 2019 at 11:51 am #104040

    mqdk33
    Participant

    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)”?

    January 25, 2019 at 12:10 pm #104045

    mqdk33
    Participant

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

    January 25, 2019 at 3:51 pm #104117

    Elise Noromit
    Member

    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

    January 25, 2019 at 4:02 pm #104123

    mqdk33
    Participant

    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”?

    January 26, 2019 at 8:12 am #104175

    Elise Noromit
    Member

    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

    January 26, 2019 at 12:41 pm #104204

    mqdk33
    Participant

    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”

    January 26, 2019 at 8:59 pm #104253

    Elise Noromit
    Member

    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

    January 27, 2019 at 10:29 pm #104373

    mqdk33
    Participant

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

    January 28, 2019 at 7:37 am #104405

    Elise Noromit
    Member

    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

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)