Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Minicart_sprite.png not showing #309

Open
ianwilliams7158 opened this issue Dec 16, 2018 · 1 comment
Open

Minicart_sprite.png not showing #309

ianwilliams7158 opened this issue Dec 16, 2018 · 1 comment

Comments

@ianwilliams7158
Copy link

I have noticed that the minicart graphics no longer work. Digging through the minicart.js file, isee a reference to
assetURL: 'http://www.minicartjs.com/build/',

This url no longer exists.

Is this the right place to specify the sprite? If not, where do I do this? I want to have the sprite delivered by my server, not something outside which can disappear like the minicartjs.com website.

Thanks again!

@robliberty
Copy link

not a direct solution, but I rewrote most of the cart CSS and don't us the sprites. See my CSS below:

/*MiniCart*/
body #PPMiniCart{position:fixed;left:0;right:0;top:75px;z-index:999; width: 95%; max-width: 400px; margin:0 auto;}
body #PPMiniCart form{position:relative;width:100%;max-height:none;margin-left:0;background:#fbfbfb;border:1px solid #d7d7d7;border-radius:4px; box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.25); font-size:14px;font-family:Roboto, sans-serif;color:#333;padding:30px 10px 40px;}
body #PPMiniCart .minicart-closer{float:none;background:0;border:0;font-size:18px;cursor:pointer;position:absolute;top:0;right:0;margin:0;padding:10px;}
body #PPMiniCart .minicart-item{position:relative;min-height:25px;padding:15px 0;}
body #PPMiniCart ul{clear:right;list-style-type:none;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow: none;margin:15px 0;padding:0 10px;}
body #PPMiniCart .minicart-item a{font-size: 16px;position:relative;top:auto;left:auto;display:block;width:75%;color:#333;line-height:100%;text-decoration:none;}
body #PPMiniCart .minicart-attributes{border:0;border-radius:0;box-shadow:none;color:#999;font-size:13px;line-height:22px;margin:0;padding:0;}
body #PPMiniCart .minicart-quantity{position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;width:30px;height:auto;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);font-size: 16px;text-align: left; transition:border linear .2s box-shadow linear .2s;padding:2px 4px;}
body #PPMiniCart .minicart-remove{position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;width:18px;height:18px;background:#b7b7b7;border:1px solid #a3a3a3;border-radius:3px;color:#fff;font-size:13px;opacity:0.70;cursor:pointer;margin:0 0 0 5px;padding:0;}
body #PPMiniCart .minicart-price{font-size: 16px;position: absolute;top: 7px;right: 0;}
body #PPMiniCart .minicart-subtotal{position:absolute;bottom:17px;left:10px;font-size:16px;font-family:Roboto, sans-serif;font-weight:500;}
body #PPMiniCart .minicart-submit{position:absolute;bottom:10px;right:10px;min-width:0;height:auto;border:0;border-radius:3px;text-transform:uppercase;color:#fff;text-shadow:none;cursor:pointer;background:#9acd32;font-size:16px;font-family:Roboto, sans-serif;padding:10px 16px;}
body #PPMiniCart .minicart-submit i {margin: 0 10px 0 0;}

try this in place of the original style sheet.

I use it here https://vt14.com/vt14-logo-tee.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants