Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 29, 2019 at 1:13 am #1059853
    MarcusJeroch

    Hi
    please look here:
    https://drive.google.com/open?id=1mrD0btxc0CxjmcoFOBAfDxxkZW5D0qzr

    left product = variable product and has one “Show details” icon in the middle.
    right product = simple product and has two icons (both linking to the product page)

    This is not a woocommerce issue – its a theme issue:
    class="<strong>avia</strong>_cart_buttons "

    How do i disble the cart-icon and make the “detail”-button centered like on the left product?

    Its a general question so please dont ask me about access!

    January 31, 2019 at 2:40 pm #1060997
    Mike

    Hey MarcusJeroch,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    li.product.product-type-simple .avia_cart_buttons a.add_to_cart_button,li.product.product-type-simple .avia_cart_buttons span.button-mini-delimiter {
display: none !important;
}
li.product.product-type-simple .avia_cart_buttons a.button.show_details_button {
width: 100% !important; 
}

    2019-01-31-073809

    Best regards,
    Mike

    February 20, 2019 at 10:08 am #1069355
    MarcusJeroch

    Didnt work. Now its worse.
    Result:
    https://marcusjeroch.de/screens/shopbuttons.jpg

    Remember what the task is:
    – Remove “Zeige Details”-Button
    – Center “Details”-Button
    Btw: Whey are there two buttons anyway??

    In case you need the HTML:
    <div class="avia_cart_buttons "><a href="http://shop.xxxxxx.de/shop/option-test/" class="button"><span aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> Details</a><a class="button show_details_button" href="http://shop.xxxxxx.de/shop/option-test/"><span aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> Zeige Details</a> <span class="button-mini-delimiter"></span></div>

    February 21, 2019 at 1:54 am #1069759
    Mike

    Hi,
    Thanks, I checked again, and it’s working as my screenshot shows on the Shop Demo.
    Please include a link to your page so I can check what is wrong.
    Your HTML doesn’t provide enough information.

    Best regards,
    Mike

    February 21, 2019 at 10:35 am #1069857
    MarcusJeroch

    Your screenshot is wrong too
    “Show Detail” is exactly the button that should NOT been DISPLAYED.
    please read my post

    February 21, 2019 at 1:11 pm #1069921
    Mike

    Hi,
    Ok, please try this css:

    li.product.product-type-simple .avia_cart_buttons a.button.show_details_button,li.product.product-type-simple .avia_cart_buttons span.button-mini-delimiter {
display: none !important;
}
li.product.product-type-simple .avia_cart_buttons a.add_to_cart_button {
width: 100% !important; 
}

    If this doesn’t help please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    February 22, 2019 at 1:29 pm #1070311
    MarcusJeroch

    1. Now the correct button is visible – but still its not perfectly centered
    2: Please note that we are talking about two different product types (“Variable” & “simple & downloadable”)
    The problem with having two buttons (weird enough) is only on “simple & downloadable” products. Simply create a poduct like that in your testarea and you will see.
    3: Like i already said i C-A-N-T tell you an URL since i i moved it to my localhost

    February 22, 2019 at 2:13 pm #1070332
    Mike

    Hi,
    OK, I didn’t see that you were working on your localhost.
    So I created a “simple & downloadable” product but the button is still centered after using the code above:
    2019-02-22-065842
    Please try removing any custom css, other than the code above, to see if that is causing the issue.
    Otherwise, it may be tricky to match all of your settings to create the same error, so try putting your demo online with a free WordPress host account so we can see the issue. Here is 11 free ones you can use easily.

    Best regards,
    Mike

    February 28, 2019 at 7:28 pm #1072711
    MarcusJeroch

    What about this?
    #top .avia_cart_buttons .button {
    width: 100%;}

    at least it works.

    PS:There is no other custom CSS.

    March 2, 2019 at 3:28 am #1073473
    Mike

    Hi,
    Are you saying that you have solved this?

    Best regards,
    Mike

    March 2, 2019 at 11:34 am #1073582
    MarcusJeroch

    I am not sure if its correct what i did – but at least its centered now.
    But i am not good enough in CSS to know if it is the correct “syntax” and that it does not have effect on other places.
    Thats why i ask you.

    March 2, 2019 at 4:11 pm #1073621
    Mike

    Hi,
    The syntax is correct, and it should not affect other elements. I wish I could help more, but I know I can’t see your page.
    Please let us know once your page is live, I will be more than happy to assist with any issues.

    Best regards,
    Mike

    March 5, 2019 at 8:15 pm #1075048
    MarcusJeroch

    You could help with another related topic
    1: I got products which have a certain tag assigned
    2: All products with this tag should have a border

    I cant figure out what the correct selector is.
    I tried these:
    li .product_tag-tagname {border: 10px solid #000000 !important;}
    or
    li .product .product_tag-tagname {border: 10px solid #000000 !important;}
    or
    product_tag-tagname li {border: 10px solid #000000 !important;}
    and some others but i dont get it

    March 6, 2019 at 3:31 am #1075226
    Mike

    Hi,
    The color has to go first:

    .product.product_tag-fun {
border: #000 10px solid;
}

    the tag for my product was “fun”

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.