If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Shopify. How to change default Twitter widget information

We will learn how to change default Twitter widget information which is coded in liquid files in Shopify.

Shopify. How to change default Twitter widget information

In order to change the information, there will be a few steps to be performed.

  1. After you have entered your shop admin panel, go to Online Store -> Themes -> Edit HTML/CSS -> theme.liquid file:

    Shopify. How to change default Twitter widget information

  2. You should search for the following part of the code there:

    <h3>Twitter</h3>
    <a class="twitter-timeline" 
    href="https://twitter.com/templatehelpcom"
    data-widget-id="549551363005636609"
    data-chrome="noheader nofooter noborders noscrollbar transparent" 
    data-tweet-limit="3" 
    data-link-color="{{ settings.color_3 }}">Tweets from @templatehelpcom</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </div> 

    Shopify. How to change default Twitter widget information2

  3. You will need to change the widget id, URL of your Twitter page and save the changes.

After that you can check the changes at the front-end.

Feel free to check the detailed video tutorial below:

Shopify. How to change default Twitter widget information