Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Crisp White Loading Animation
 
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 07-19-2017, 12:31 PM
 
BrandonLR BrandonLR is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 129
 

Default Crisp White Loading Animation

The animation that pops up when loading certain screens/changes in the Crisp White skin...I'd like to change that from those little blue dots to something else.
Anybody have any idea how this could be done?

(image attached for reference)
Attached Thumbnails
Click image for larger version

Name:	animation.jpg
Views:	16
Size:	39.5 KB
ID:	4963  
__________________
X-Cart Business 5.3.6.0
Reply With Quote
  #2  
Old 07-20-2017, 12:52 AM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: Crisp White Loading Animation

Search CSS files for rules that apply on selectors having "block-wait" and "wait-block" in them.
You should change these rules to the other animation effect that you want.
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
Reply With Quote
  #3  
Old 07-20-2017, 08:38 AM
 
BrandonLR BrandonLR is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 129
 

Default Re: Crisp White Loading Animation

Quote:
Originally Posted by qualiteam
Search CSS files for rules that apply on selectors having "block-wait" and "wait-block" in them.
You should change these rules to the other animation effect that you want.

I'm guessing it's this folder and in styles.css?

/skins/crisp_white/customer/css ?

If I am correct, is this the line that controls the color of those spinning orbs?

Code:
@keyframes spin { 0%, 100% { box-shadow: 10px 10px #808080, -10px 10px #25c5df, -10px -10px #808080, 10px -10px #25c5df; } 25% { box-shadow: -10px 10px #25c5df, -10px -10px #808080, 10px -10px #25c5df, 10px 10px #808080; } 50% { box-shadow: -10px -10px #808080, 10px -10px #25c5df, 10px 10px #808080, -10px 10px #25c5df; } 75% { box-shadow: 10px -10px #25c5df, 10px 10px #808080, -10px 10px #25c5df, -10px -10px #808080; } }
__________________
X-Cart Business 5.3.6.0
Reply With Quote
  #4  
Old 07-20-2017, 11:30 PM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: Crisp White Loading Animation

I never changed the animation effect and can't list the exact CSS lines that create it, but I guess that you're right and this rule is what defines the color of orbs.
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
Reply With Quote
  #5  
Old 07-21-2017, 07:19 AM
 
BrandonLR BrandonLR is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 129
 

Default Re: Crisp White Loading Animation

Can I add new rules to the custom css in admin or do I have to modify the actual file?
__________________
X-Cart Business 5.3.6.0
Reply With Quote
  #6  
Old 07-24-2017, 08:17 AM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: Crisp White Loading Animation

You should be able to replace (but not extend/cascade) the @keyframes rule with a custom one - I believe that rules from the Custom CSS tab are loaded after original rules.
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
Reply With Quote
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 01:58 PM.

   

 
X-Cart forums © 2001-2018