Okay
  Public Ticket #3078349
quick add to cart button
Closed

Comments

  •  1
    Slevy started the conversation
    July 5, 2022 at 5:56am

    HI, how include the add to cart button on the shop page ?
    https://demo.kaliumtheme.com/shop/ in this demo , there is this button 

    please help

    1109709314.png
  • [deleted] replied
    July 5, 2022 at 6:32am

    Hi Slevy Bros,

    Please head to this location: Theme Options > Shop Settings > and enable the "Add to cart product" option.

    medium
    (view large image)

    Thanks!

  •   Slevy replied privately
  • [deleted] replied
    July 5, 2022 at 7:49am

    That's because you are using a different shop layout and the Shop demo uses the Minimal layout.

    medium
    (view large image)

     

  •  1
    Slevy replied
    July 7, 2022 at 5:49am

    hi, noted but can include the icon instead of the word add to cart?

    [EDIT]

    for the minimal layout, may I know how to change the color of the overlay, as if I applied it is a little dark compared to the demo?

  • [deleted] replied
    July 7, 2022 at 8:01am

    Hi Slevy Bros,

    As for your last questions:

    1— Icon is not available in the Default (Shop Catalog Layout) and it is better for SEO.

    2— I just made that gradient lighter (see video).

    Have a nice day!

  •  1
    Slevy replied
    July 10, 2022 at 11:42am

    thanks for ur explanation

    1— Icon is not available in the Default (Shop Catalog Layout) and it is better for SEO.
    if its is better for seo is it means that minimal list not for seo ,  can i add in the icon beside the word to make it more obvious if not it is just like a text ?

  •  1
    Slevy replied
    July 10, 2022 at 11:44am

    2— I just made that gradient lighter (see video).
     i could not see your video you have shown  please advice . thanks 

    9396265340.png

  • [deleted] replied
    July 12, 2022 at 6:52am

    Hi Slevy Bros,

    1— Maybe you can add the code below to your Custom CSS area:

    .woocommerce .products .product .item-info .add_to_cart_button:before {
    content: "+";
    width: 20px;
    height: 16px;
    font-size: 18px;
    color: #6d6d6d;
    opacity: 1;
    position: absolute;
    left: 0px;
    margin-left: -20px;
}

    so the + sign will appear before the add to cart text.

    2— I recorded a video to show you my small CSS changes but it seems that the video created the link but failed to upload. Now I can see that you have done changes in that area and the video is not necessary anymore. 

    Have a nice day!

  •  1
    Slevy replied
    July 12, 2022 at 7:03am

    ok thanks Ylli for your help =)

  • [deleted] replied
    July 12, 2022 at 7:06am

    Happy to hear thatsmile.png

    Have a nice day!

    I will set this ticket as solved from here.