how can i put make product pictures as slide show ?

[jiwoong yoon]

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

[Andy]

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?

[Andy]

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.

[jiwoong yoon]

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

[Andy]

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;
}

[Author]

Posts