(This page has been moved from my Shopify Blog)
Shopify Theme Tweaks
This is for a specific audience and will not make sense to anybody else. 🙂
1) ISSUE: Logo in the footer area
SOLUTION:
Here’s where you go:
Online Store
> Themes
>> Customize Themes
>>> Theme Options
>>>> Edit HTML / CSS
UNDER
>>>>> Layout
>>>>>> Theme.Liquid
Press Control F (to find) and then type pg
You will see the following lines of code (Lines 369-371)
<div class=”four columns”>
<img src=”{{‘pg.png’ | asset_url}}” alt=”footer sign“>
</div>
You can do either of the two things:
1) you can delete ‘pg.png’ | asset_url (leave EVERYTHING ELSE intact) and delete footer sign
RESULT of your line of code should look like this…
<div class=”four columns”>
<img src=”{{}}” alt=””>
</div>
OR
2) You can save your own logo and save it as “pg.png” to replace the logo at the footer area.
To change the footer buttons into yours, you will do this in the same Theme.Liquid file …
Press Control F (to find) and then type basick and these lines will be highlighted so it will be easier for you to find
Line 393 to 400, Just replace it with your own Social Media Account Names accordingly.
<div class=”four column callout-unit callout-unit-facebook”>
<h4 class=”callout-title”>Follow us on Facebook</h4>
<a href=”https://facebook.com/CHANGE_TO_YOURS” class=”button has-icon”>Basick</a>
<h4 class=”callout-title”>Follow us on Instagram</h4>
<a href=”http://i.instagram.com/CHANGE_TO_YOURS/” class=”button has-icon instagram”>Basick</a>
<h4 class=”callout-title”>Follow us on Pinterest</h4>
<a href=”https://www.pinterest.com/CHANGE_TO_YOURS/” class=”button has-icon pinterest”>Basick</a>
</div>
If you are still seeing the Review hanging button on the left side, still while on the same Theme.Liquid file …
Press Control F (to find) and then type yotpo and these lines will be highlighted so it will be easier for you to find (from an earlier version, Line Code 107-109)..
<script type=”text/javascript”>
(function e(){var e=document.createElement(“script”);e.type=”text/javascript”,e.async=true,e.src=”//staticw2.yotpo.com/3ro2ZS5qNQn5g2YT6lIl48ryvU3bXt4VxmN5U1JU/widget.js”;var t=document.getElementsByTagName(“script”)[0];t.parentNode.insertBefore(e,t)})();
</script>
You can delete the above script. That is a review of the theme owners’ shopify store.
To Enable DISQUS, make sure you create a NEW Disqus account first for your store. (It’s Free).
And the stuff below is copied from Rod 🙂
For hardcoded colors, simply go to styles.css.liquid in EDIT HTML/CSS in THEME CUSTOMIZATION.
Press CTRL + F and find “47C787” (Hex color green)
Then pick whatever color you want and replace that code with your color code and that should fix it. There’s probably at least 10 you have to replace.
*** For logos and items, just copy the asset file’s name you want to replace, rename your png file, delete the BB logos and upload yours with the same name.
*** For pixels and tracking codes, go to theme.liquid
Press CTRL + F and find “facebook pixel”
Delete the initial code and then replace it with yours.
————————-
I thought about writing a post about it for future reference as we build other themes. 🙂
Brainstorming and taking inspired action online is on OVERDRIVE! 🙂
Cris