RemarkableArts begat Conundrum House. Which after lurching around in fits and starts settled on an Ecommerce platform by the good Canucks at Shopify, and Conundrum.house was born.
Which entailed another tale of woe and tribulations worthy of their own LabNotes, but for now it is landing here...
Yes, we are. And we pay for that privilege. But we're not getting any kick-backs for advertising that fact, so I'll be damned if the footer mentions it to the world. Turns out, a little hack is needed to make it disappear... is anyone surprised?
Anyway - they tell you in their help forums how to do it - you 'fix' the translation of the string 'Powered by Shopify' for your default language, and replace it with a ' ' <-- that's a <space>. That's it.
Finding that translation table is not hard, once you know what you are looking for. Hint - its an action to edit the language.
And, if I can put in a space, I can put in
Powered by tireless passionate nerdy elves and fairies, and the occasional unicorn.
We'd like to say 'Conundrum House, adventure by RemarkableArts', and have the 'd' in a(d)venture shimmer in and out.
Just a little clever easter egg the nerds might enjoy finding. And it requires rather obnoxious theme and liquid wrangling to make it so. Not that the actual change is hard or cumbersome, just finding the needle in the froth that is liquid to change, and then - the theme file is not migrated to new versions, so it gets to be done again and again. A prefect subject for a Lab Note, so that bit or arcana is not lost.
And - I forgot. I have to go look at an archive of our site to see what I did there, and type it up, once and for all. After I do it again so it is on our new Shopify 2.0 shining sparkling delightful rebirth.
So in the bowels of the files is a footer.liquid where the magic has to happen.
<div class="grid__item{% unless social_icons %} medium-up--hide{% endunless %}">
<small class="site-footer__copyright-content">© {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: '/' }}
: a<span style="animation:inout 10s infinite">d</span>venture by <a href="https://www.remarkablearts.biz">RemarkableArts, LLC.</a></small>
<small class="site-footer__copyright-content site-footer__copyright-content--powered-by">{{ powered_by_link }}</small>
</div>
The 'd' is in it's own span, and animated with the inout animation. Now just to squirrel away the 'inout' definition someplace...where did I put that... Ah yes, in the <style> block in the same file.
@keyframes inout{
0%{ opacity:0;}
50%{ opacity:0;} 50.5%{opacity:1;}
51%{ opacity:0;} 52%{opacity:1;}
53%{ opacity:0;} 55%{opacity:1;}
56%{ opacity:0;} 57%{opacity:1;}
58.5%{ opacity:0;} 59%{opacity:1;}
60%{
opacity:1;
}
90%{ opacity:1;} 90.5%{opacity:0;}
91%{ opacity:1;} 92%{opacity:0;}
93%{ opacity:1;} 95%{opacity:0;}
96%{ opacity:1;} 97%{opacity:0;}
98.5%{ opacity:1;} 99%{opacity:0;}
100%{ opacity: 0;}
}
Tireless sleuths may notice this is ALSO where you could nuke the 'powered by shopify' . Either by removing the {{ powered_by_link }} reference, or by fixing CSS to .site-footer__ copyright-content, .site-footer__copyright-content--powered-by { display:none; }
Which might be a better fix than the one above as that would still show up in other languages, unless you alter all the languages.
Final note - the powered_by_link is a clickable link that links back to shopify.com.