Hide "Loading..." text that flashes on product page.

Please refer to this article if you'd like a brief explanation as to why this text is displayed on your product pages: https://w3trends.zendesk.com/hc/en-us/articles/115003175332

---

Overview:

If you would prefer to not display this text at all, you can very quickly and easily hide it by placing a single snippet in your stylesheet.

Please follow the tutorial below and this text will no longer display.

---

Paste our CSS snippet into your theme's Stylesheet:

Step1: Navigate to your theme

1. Sign into your Shopify Store's Admin.
   
2. In the menu on the left hand side, click on the "Online Store" link.
   
3. From here, you will see the list of your themes. Click on the "Actions" button next to the theme you wish to modify, (The top one is the live theme), and select "Edit Code"
   

---

Step 2: Find your Stylesheet

1. Take a look at the list on the left hand side. These are all of the files that make your theme work! They're separated into sections, or "folders", and we are looking for the "Assets" folder.
2. Scroll down until you see the "Assets" folder, and give it a click. It should then expand so that you can see all of your Stylesheets, Javascript files, and most likely a few images.
3. We are only looking at the files that end in ".scss.liquid" These are your Stylesheets.
4. Typically your main stylesheets will be named one of the following: styles.scss.liquid, stylesheet.scss.liquid, theme.scss.liquid, or if none of those are present, you may have a Timber.scss.liquid.
   
5. I have listed them in order of importance, so if you have more than one of these, click the one that appears first in this list: styles.scss.liquid, stylesheet.scss.liquid, theme.scss.liquid, and only use Timber.scss.liquid if none of the others are available.

---

Step 3: Paste the Snippet

1. Once your Stylesheet is open, scroll to the VERY bottom of the file and paste the below snippet. It is always nice to comment your Stylesheets so that if you come back at a later date you will know exactly why and what was added last time. (I included a descriptive comment for you. Comments look like this:

   /*--This is a comment--*/

2. Paste the snippet

   /*-- Hide the "Loading..." text from Product Accessories app --*/
   #w3-accessories-loading{display:none !important}

   The very bottom of your Stylesheet should now look like this:
   

3. When you are done, click the "Save" button, and the text should no longer appear on your product pages.

---

If you have any trouble with this tutorial, or need any help, please feel free to email us at: [e-mail]