Okay
  Public Ticket #2758563
Add to basket button
Closed

Comments

  •  19
    david berman started the conversation
    April 23, 2021 at 8:24am

    This Ticket was raised a few days ago but now response [Ticket #2755124]

    My add to basket button only appears when the cursor hovers on the product. I need it permanently visible below the product pic. How do I achieve this. 

    How do I change add to basket to read add to cart

  •  1,646
    Judith replied
    April 23, 2021 at 5:00pm

    Hi David,

    I responded and asked you to send a screenshot of the icon on hover location as we were not able to see it. Please send the screenshot so that we can assist further.

    Thanks.

  •   david berman replied privately
  •  8,403
    Tahir replied
    April 27, 2021 at 11:39am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce .product-wrap a {
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important;
}

    Thanks

    ThemeNectar Support Team 

  •  19
    david berman replied
    April 27, 2021 at 1:54pm

    Hi Thanks

    Button now interfering with pic image and under some pics says read more

    Where do I change how the add to cart button is displayed or edited? Can this only be solved with CSS?

    Are there not different "themes" to display products in this new version of Salient?


    7402902070.png


  •  1,646
    Judith replied
    April 27, 2021 at 4:46pm

    Hi David,

    Please try these templates:

    5312209104.png

    Thanks

  •  19
    david berman replied
    April 28, 2021 at 7:10am

    Hi thanks 

    Where do I find these templates ?


  •   david berman replied privately
  •  1,646
    Judith replied
    April 28, 2021 at 8:35am

    Hi David,

    You have to upload the pictures. Please let us clearly the issues you want addressed so that you don't have to go a long way to solve.

    Thanks.

  •  19
    david berman replied
    April 28, 2021 at 9:26am

    Don't understand your question??

    All the info and screenshots are below.

    Ill repeat:  the solution CSS to make the add to basket visible you sent interferes with the pictures. I need a way that the add to basket button is always visible, not only on hover.

    It should appear above add to registry link. Not above the price! Not cropping my pictures.

     

  •  8,403
    Tahir replied
    April 28, 2021 at 6:06pm

    Hey Again,

    Thanks for your patience with this. Below CSS should show the Image full now and not crop it.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce .product-wrap a {
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important;
}
.woocommerce ul.products li.product.classic .product-wrap img {
    margin-bottom: 40px;
}

    Thanks

    ThemeNectar Support Team 

  •  19
    david berman replied
    April 29, 2021 at 7:17am

    Thanks CSS works on desktop

    However not working on mobile devices viz Tablet and cell phone

  •  8,403
    Tahir replied
    April 30, 2021 at 5:37pm

    Hey Again,

    Make sure the Custom CSS provided is not wrapped inside a Media query. 

    Seem to work on Mobile and Tablet as well when added to the Live Browser: 

    8481220016.pngClick To Open Larger Image.

    Thanks 

    ThemeNectar Support Team