Stay on the product page when products are added to the cart

I haven’t used this modification myself but if you really want to stay on page when an item is added to cart and still want to capture the AddToCart Pixel Event then you can try using this modification. Disclaimer – It may not work for your theme (The only way to find out is by testing with The Facebook Pixel Helper created by Facebook).

https://help.shopify.com/themes/customization/products/add-to-cart/stay-on-product-page-when-items-added-to-cart

If this modificaiton doesn’t work for your theme, make sure to carefully remove all the modificaitons or unpublish the theme modified and replace it with a fresh clean copy of your theme.

Regards,
James

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. ?

Hope this helps…Regards, James

 

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. 🙂

Hope this helps…Regards, James

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