Easy Responsive Footer

I’m seeing similar error message on update for a site 10 commits behind:

An error occurred: You supplied invalid parameters to the request: 
The property at JSON Pointer '/4/text' must be present. The property 
at JSON Pointer '/4/title' must be at least 1 character long. The property 
at JSON Pointer '/5/text' must be present. The property at JSON Pointer 
'/5/title' must be at least 1 character long.
1개의 좋아요

@sfg85 @cogdog If you don’t mind, can you PM me the current values of the link_sections and links setting?

1개의 좋아요

After finding my way into the settings editor (thanks to @tgxworld) I found the problem, I had 2 empty settings for link sections. Once I deleted them, the update worked.

And the new version has a much easier editor. I’m back in business.

3개의 좋아요

@cogdog @tgxworld the forum allows me to post only one link and one screeshot so I’ll have to work around that. Therefor I made one screenshot of the post as I was going to reply. See blow :slight_smile:

Hope this helps. Let me know if you need more info.
Thank you!

2개의 좋아요

Can you go to the theme page, click on “Settings Editor” below and give me the values for the links and link_sections settings?

1개의 좋아요

Here your go:

	{
        "setting": "link_sections",
		"value": "Shop|About|Contact"
	},
	{
        "setting": "links",
		"value": "Shop, Shop for products, https://www.domainname.com/en/store/?utm_souce=sfrmftr, blank, Shop for products|About, the Forum is proudly sponsored and hosted by domainname.nl.,https://www.domainname.com/en/store/?utm_souce=sfrmftr|Contact, contact@domainname.com, mailto:contact@domainname.com"
	},
2개의 좋아요

So in the end I just removed the links (not the link sections). Then I was able to upgrade. After while trying to add the links in the new menu it gave met the following error when trying to save with the default _blank target:‘The property at JSON Pointer ‘/1/links/0/target’ must be one of the following [“_blank”, “_self”, “_parent”, “_top”].’

I changed it to _self. Then I was able to save. Afterwards I went back to edit the link and then I was able to change it to _blank as a target and save it.

I had to do the above for each link.

Perhaps the above is helpful in your debugging. Or perhaps it is not because of your component..

2개의 좋아요

And nice new menu by the way! :slight_smile:

1개의 좋아요

Hm, I cannot upgrade one of my sites and I get the following error:

An error occurred: The migration “0004-migrate-social-links-setting” encountered the following runtime error: TypeError: helpers.isValidUrl is not a function

That is strange as the setup of these sites is quite similar. Any idea?

Hi, thanks for this component, it’s great! Is there any way to replace the very first column with our company logo so that it aligns with the other columns?

2개의 좋아요

Fantastic component, well done!

When you have only one category, it’s located in the middle of the box. Is it possible to move it to the left side? Ideally, I’d like to have the ‘Review us’ section on the left side of the screen and then the social media links on the right side.

1개의 좋아요

Hello, I would like to know how to add my custom footer code to the Easy Footer. Is there an import option? Only see Export here.

1개의 좋아요

Can this component add support for images in addition to text? So that we can put logos in the footer?

3개의 좋아요

Very cool component, thx for that.
Some question - maybe too simple :wink:
I reduced and removed nearly everything except the smalllinks…so far so good. However…the whole footer is always out of the screen area, so users must scroll, even on the login / registration page (private / closed forum). Is there any way that that footer comes up without scrolling if there is enough space available?


Thanks a lot!

1개의 좋아요

How do I change the color of the footer?

Right now it is black and I wish to have a light colour of the footer

1개의 좋아요

Hey, welcome. You can try this CSS in your theme or a new component:

.login-page {
    .sidebar-wrapper {
        display: none;
    }
    
    #main-outlet {
        min-height: auto;
    }
    
    .custom-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

You might need adjustments, but that would be a start.

You can use this CSS, for example:

.custom-footer {
  background-color: #006699;
}
4개의 좋아요

Thank you it worked for the background colour. How do I change the text colour of the footer? For some reason my footer text colour is yellow.

1개의 좋아요

Here are the default color values. You can adjust them:

.custom-footer {
  .flexbox {
    color: var(--secondary);
  }
  
  .first-box {
    .blurb {
      color: var(--secondary-high);
    }
  }
  
  .third-box {
    .social {
      .social-link {
        .d-icon {
          color: var(--secondary);
        }
      }
    }
    .small-link {
      color: var(--secondary-high);
    }
  }
  
  .footer-section-link-wrapper a {
    color: var(--secondary-high);
  }
}
1개의 좋아요

Oh where can I edit these? Do I just replace (–secondary) with the colour code?

1개의 좋아요

That’s right. By default it uses CSS variables, but you can replace var(..) with the CSS color of your choice.

1개의 좋아요