Home Forums Azuma Pro how can i put make product pictures as slide show ?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #8936
    jiwoong yoon
    Participant

    hello there,

    have two questions

    1. I would like to put slide how icons in product pictures area.

    for example  https://rawrawproject.com/product/dfgl-stck/

    here, i need to click on thumbsnails to view it larger, instead I would like to have left n right icon to flip thru the images.

     

    2. Below each product each, there is “add to cart” icon

    how can i change this icon ? size, shape, color etc

     

    thank you so much

    #8942
    Andy
    Keymaster

    Hi,

    1. The theme design works so that when you click a thumbnail image it is displayed in the large image area above the thumbnails.
    Or clicking the zoom icon brings up the image gallery slideshow so you can flip through the images.

    2. There is no icon below the product. Could you please explain further which icon you mean and what you want to change it to? Do you mean the add-to-cart button?

    #8943
    Andy
    Keymaster

    Regarding the product gallery slideshow. The WooSwipe WooCommerce Gallery plugin makes the thumbnails into a slideshow with left & right icons so that you can flip through the images.

    I have just tested it and it works with the Azuma Pro and Azuma themes without any issues.

    #8944
    jiwoong yoon
    Participant

    thank you for the answer

    for question number 2, i included a picture

    do you see the “add to cart” button below ?

    how can i change the design ?

    thanks

    #8946
    Andy
    Keymaster

    Yes I see now. That is the add to cart button when created with the blocks builder.

    Add this code to Appearance > Customize > Additional CSS:
    (change any of the values to what you want)

    .wp-block-button {
        color: #fff;
    }
    
    .wp-block-button__link {
        background-color: #32373c;
        border-radius: 28px;
        font-size: 18px;
        padding: 12px 24px;
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.