Control the MouseOver Dimming on Shopify Slideshow

Go into your Shopify Back Office Admin Area and then click on <Online Store > then click on <Themes>  and then click on the “…” in the top right, and then click on “Edit HTML/CSS” now go to the Assets section and open <theme.scss.liquid> Look for following section of code and modify the number in the bold red line below.

// Link buttons and secondary cta
$color-link: $color-body-text;
$opacity-link-hover: .9;                              // Modify this number to your liking
$transition-link-hover: 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);

Now test to see if it works to your liking on your slideshow. If it works then your done otherwise put back the original number to the way it was before you changed it. ?

 


Regards,
James (Tech Support)
Get Pixel Conversions API on the Shopify App Store
P.S. your 5 star experience is our goal.
Thanks again from all of us here at Pixel Conversion Pro and remember, you are Awesome!

Remove the MouseOver Pause on Shopify Slideshow

Go into your Shopify Back Office Admin Area and then click on <Online Store > then click on <Themes>  and then click on the “…” in the top right, and then click on “Edit HTML/CSS” now go to the Assets section and open <theme.js> Look for following section of code and add the indicated line.

this.settings = {
accessibility: true,
arrows: false,
dots: true,
fade: true,
draggable: true,
touchThreshold: 20,
pauseOnHover : false,                                    // Add this line.
autoplay: this.$slideshow.data(‘autoplay’),
autoplaySpeed: this.$slideshow.data(‘speed’) };

Now test to see if it still pauses your slideshow. If it worked then your done otherwise remove the line and save in order to put things back the way it was. 🙂



Regards,
James (Tech Support)
Get Pixel Conversions API on the Shopify App Store
P.S. your 5 star experience is our goal.
Thanks again from all of us here at Pixel Conversion Pro and remember, you are Awesome!

Shopify Change “Continue Shopping” Link Destination

How can I change the “Continue Shopping” Link Destination when you land on the Cart Page?

Go into your Shopify Back Office Admin Area and then click on <Online Store > then click on <Themes>  and then click on the “…” in the top right, and then click on “Edit HTML/CSS” now click on cart.liquid (you might need to go further if noted like it might say you need to go to  “/sections/cart-template.liquid”)  and then look for the “continue_shopping” code.

You want to change is the href=”collections/all”  to href=”/”

Now the “Continue Shopping” link button will take you directly to your home or featured collection page!



Regards,
James (Tech Support)
Get Pixel Conversions API on the Shopify App Store
P.S. your 5 star experience is our goal.
Thanks again from all of us here at Pixel Conversion Pro and remember, you are Awesome!

My Shopify Theme Must Have Modifications

More additional links to my Must Have Shopify Theme Modifications – Reference Links Below:

These are very powerful free mods you should be using on all your Shopify Stores.

 


Regards,
James (Tech Support)
Get Pixel Conversions API on the Shopify App Store
P.S. your 5 star experience is our goal.
Thanks again from all of us here at Pixel Conversion Pro and remember, you are Awesome!