Cant find Where I put sticky ATC code...

Solved

Cant find Where I put sticky ATC code...

Select
Excursionist
14 0 3

A while ago I added code for a sticky add to cart button on my shopify website. It works great but I want to change the color of the button. I have been searching for a long time I cant find where I put the code. The code looks like this when inspecting the website: 

 

<span class="zrx-sticky-atc-content-wrapper"><span class="zrx-sticky-atc-product-form"><span class="zrx-sticky-atc-product-container"><!----><span class="zrx-sticky-atc-product-title-price-wrapper"><!----><span class="zrx-sticky-atc-product-price-wrapper"><!----><!----></span></span></span><span class="zrx-sticky-atc-product-variants"><span class="zrx-sticky-atc-variant-option-wrapper"><span class="zrx-sticky-atc-variant-option"><div class="zrx-sticky-atc-select-wrapper"><select class="zrx-sticky-atc-select"><option class="zrx-sticky-atc-select-option" value="14 inch"> 14 inch </option><option class="zrx-sticky-atc-select-option" value="16 inch"> 16 inch </option></select><label class="zrx-sticky-atc-select-label"><svg width="11" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-chevron-down fa-w-14"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></label></div></span></span></span></span><span class="zrx-sticky-atc-product-actions-wrapper"><span class="zrx-sticky-atc-product-actions"><!----><button class="zrx-sticky-atc-main-button"><span>Legg i handlekurv</span><!----></button></span></span><!----></span>

 

Thanks in advance!

Accepted Solution (1)

Vinsinfo
Shopify Partner
351 125 118

This is an accepted solution.

@Select It seems you have installed "Zoorix Sticky Add To Cart Bar" app to display the sticky add to cart button. If you used this app, you cannot access the code since it is coming from the app. Instead if you added the code by yourself in theme file, you can try to locate it by globally searching the class name in the theme file. Please follow the below steps and let me know whether it is helpful for you.
 
i) To change button color using "Custom CSS" field in "Zoorix Sticky Add To Cart Bar" app:
1. From admin, go to "Settings".
2. Locate "Apps and sales channels", Select the "Zoorix Sticky ATC" app like in the below mentioned screenshot and click "Open App".
Vinsinfo_0-1716795673782.png
3. In "Zoorix Sticky ATC" admin, try to locate "Code Editor" like in the below mentioned screenshot.
Vinsinfo_1-1716795693497.png
4. There is an option to include "Custom CSS" and "Custom JS", you can use this to change the button color.
Vinsinfo_3-1716796153794.png
 
ii) To locate sticky add to cart button code if you added code by yourself:
1. Kindly download your store's current theme and open it in any editor you have installed in your system.
2. Search for the class "zrx-sticky-atc-content-wrapper" in global search of the editor to locate the sticky add to cart button code.
 
 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
6827 1630 2009

Hi @Select 

Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Select
Excursionist
14 0 3

Vinsinfo
Shopify Partner
351 125 118

This is an accepted solution.

@Select It seems you have installed "Zoorix Sticky Add To Cart Bar" app to display the sticky add to cart button. If you used this app, you cannot access the code since it is coming from the app. Instead if you added the code by yourself in theme file, you can try to locate it by globally searching the class name in the theme file. Please follow the below steps and let me know whether it is helpful for you.
 
i) To change button color using "Custom CSS" field in "Zoorix Sticky Add To Cart Bar" app:
1. From admin, go to "Settings".
2. Locate "Apps and sales channels", Select the "Zoorix Sticky ATC" app like in the below mentioned screenshot and click "Open App".
Vinsinfo_0-1716795673782.png
3. In "Zoorix Sticky ATC" admin, try to locate "Code Editor" like in the below mentioned screenshot.
Vinsinfo_1-1716795693497.png
4. There is an option to include "Custom CSS" and "Custom JS", you can use this to change the button color.
Vinsinfo_3-1716796153794.png
 
ii) To locate sticky add to cart button code if you added code by yourself:
1. Kindly download your store's current theme and open it in any editor you have installed in your system.
2. Search for the class "zrx-sticky-atc-content-wrapper" in global search of the editor to locate the sticky add to cart button code.
 
 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Select
Excursionist
14 0 3

Ofcourse. My bad I thought I had added it manually. Thank you!!