Social / Connect Sidebar

Social / Connect Sidebar

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: All Shopify Theme (design might vary)

Connect to your customer by adding a social sidebar to your website. You can also add your phone and email contact if needed. Social options are Facebook, Instagram, Pinterest, Snapchat, Tiktock, Tumblr, Twitter, Vimeo, YouTube, email, Discord, and medium. If you want to add more, please message us using "Chat with us."

You can check the demo store here. Password: made4uo

What you are buying:

  • Add a dynamic social side bar
  • Customize icon color and background color

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away. 

To start:

1. Create a page. From your Admin page, go to Online store > Themes > Click the three dots, then Edit code

2. Create a section, liquid file, and name it "connect-sidebar", then replace the default code with the code below.



3. Make sure to SAVE

4. Then go to Layout folder, and open the theme.liquid

5. Find the "<main" and add the code above it. Make sure to SAVE

 

See image below:

connect sidebar

 

6. If you have Dawn version below 8.0, the section will be added automatically. It will be below the header when you open the theme editor. 

If you have a Dawn version 8.0 and above, open the theme editor by clicking the three dots on the left upper corner. Find the header section, and just click the "Add section" below the header. Find and click the 'Connect sidebar'. Do the customization of choice. 

That is it (",)

 

 

Copied!
Back to blog

Leave a comment