Okay
  Public Ticket #892078
"add to cart" button - can i center it (middle) on the image when hover ?
Closed

Comments

  •  2
    lars started the conversation

    hi,


    im using the default shop layout as it fits the requirement the best - but the add-to-cart that pops up, i would like to have an icon ( similar to the one in the Full Background mode ) that shows center aligned in the product picture maybe with a opacity layer over it.


    is that possible to do somehow ?



  •  1,558
    Laborator replied

    Hi Lars,

    Can you please try to be very specific about the question and explain it more to us and if possible please include an image or sketch so we can now how to do it, in this way we can easily understand you and give you the proper answer :)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    lars replied

    1) heres a little drawing of it, the picture of left is how the shop front works today when i hover across a product it shows the pop up - add to cart - below the image. I would like it to pop up in the middle of the picture ( instead of text i would probably use an icon instead )

    2) edited sidequestion : how can i add a widget or code just below the header centered left ( want to put currency selector for the shop under header and above products ).

  •  1,558
    Laborator replied

    Hi Lars,

    I will see what we can do about it, but firstly we need your site URL.

    Can you please send us your site URL first, so we can investigate your site and then get back to you with possible solution.

    P.S. make sure you've disabled the Maintenance/Coming Soon mode

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    lars replied

    https://goo.gl/jLI1Vi

    The add to cart issue, ive changed position of the text below the photo but as you can see the add to cart is floating abit strange and would like it to move to a + icon in the middle of the photo.

    regarding 2) im able to put it on some pages - would like to have the box aligned right instead of left but this is not so important. 



  •  1,558
    Laborator replied

    Hi Lars,

    Use the following CSS for both of your questions, paste it into Custom CSS area which you can find on the left side of your admin panel.

    .woocommerce .product .item-info .product-loop-add-to-cart-container .product-category.category-hoverable+.add-to-cart-link {
      top: -240px;
    }
    
    select#wcj-currency-select {
        float: right;
    }
    


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    lars replied

    hi art,

    Thanks alot that works - asking too much, but would it be possble to have the cart indicator moved to beside the selectorbox on the left ?  so it shows {cart indicator}{currency selector} instead of having the cart indicator in the main menu.

    this is less important than my lightbox issues for product-single-image - that is really killing me.

  •  1,558
    Laborator replied

    Hi Lars,

    Unfortunately that's not possible, the reason is that it is built for the top menu and it won't work elsewhere, regarding to your other problems the tickets are assigned to other support agents.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   lars replied privately