Product Slideshow (Dissolve & Arrow Buttons)

Hi All!

So, I used the SF Digital plugin "Product Slideshow" on a website built in SS 7.0. Well, I am rebuilding the site in SS 7.1 and SF Digital does not have the same plugin for SS 7.1.

QUESTION #1) What that plugin did was make the transition between slides on the product page dissolve nicely from one image to the next. You can see this dissolve transition here from the plugin on the SS 7.0 site here: https://frameyourfeline.com/bar/meowtini-time.  The SS 7.1 slideshow does not dissolve. Is there some code to achieve a nice dissolve from one image to the next in the Product Slideshow? 

QUESTION #2) Also, you can see the previous and next arrows much easier with that plugin because there is a shaded background behind the arrows and arrows are white. How can I code the same effect for the SS 7.1 site?

Many thanks in advance!

-Brian-

#1. I don't know this

#2. If you share link to a product in 7.1, I can give code to add background

Hi Tuanphan!

Go here: https://frameyourfeline.squarespace.com/aquatic-life/p/trout-throughout

Password = CAT

See how thin and hidden the previous and next arrows are for the product images? That what I need help with is making them stand out more. Like placing a background for the arrows and changing the thickness and color.

Also, BONUS POINTS if there is some way to dissolve between product images. 🙂