How can I add a Quick Links section to my footer?

Shopify Discussion
1

Hi

I want to add my policies to my quick links section on the footer. I know how to do it but my footer does not have a quick links section and I can’t see an option to add one. Any ideas please?

2

Can you please share your shop link

3

Sure

http://luckycatstore-1324.myshopify.com/

4

HansimGlck_0-1674096192216.png
HansimGlck_0-1674096192216.png559×156 2.52 KB

Insert the following code into the footer.liquid file. You have to replace the # with the link of your site (e.g. pages/policy). The following attribut (e.g. Link1) will be the name of the link on your site


    ### Quick links
    
      - Link 1

      - Link 2

      - Link 3

You can choose, where you want to implement that list. When you want it on the top of the footer use this code:


And when you want it at the bottom of the footer use this code:

```markup

    ### Quick links
    
      - Link 1

      - Link 2

      - Link 3

You also have to create an CSS code for the styling of this menu. Insert the following code in the base.css in the asset folder. You can insert it at the bottom of the code.

.quick-links ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.quick-links li {
  width: 100px;
  margin: 0 10px;
}
.quick-links a {
  display: block;
  text-align: center;
}
.quick-links h3 {
  text-align: center;
}

After that you will get a menu like the one you can see on the picture.

Best regards

5

Hi thanks for your solution, it did as you say but in the end, I just added one link to the footer.