MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Missing Club Logos in MMM-Soccer

    Scheduled Pinned Locked Moved Troubleshooting
    14 Posts 4 Posters 4.1k Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • T Offline
      tino
      last edited by

      also “logos”: true, will not show the logos.

      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil
        last edited by

        the code does NOT look in the public folder, from the njk file

        /MMM-soccer/{{standing[index].team.name}}.svg
        or
        /MMM-soccer/{{entry.team.name}}.svg

        might want to edit the njk, and change those to
        /MMM-soccer/public/

        also, many of your files are
        25px-Logo_TSG_Hoffenheim.svg.png < ---- .png

        this is svg
        FCSchalke04.svg

        but I don’t think ‘FCSchalke04’ is the team name

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • T Offline
          tino
          last edited by

          ok, i have now added the /public to the path like this src=“/MMM-soccer/public/{{standing[index].team.name}}.svg”

          The install discription says : “the logos need to be in svg format and the name of the file has to match the displayed name.”
          I my case f.e. now FC Schalke 04.svg . The displayed name is “FC Schalke 04”

          pi@raspberrypi:~/MagicMirror/modules/MMM-soccer/public $ ls
          ‘BV Borussia 09 Dortmund.svg’ ‘SC Freiburg.svg’
          ‘FC Schalke 04.svg’ SC_Paderborn_07_Logo.svg
          ‘Hertha BSC.svg’

          same result …strange

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @tino
            last edited by sdetweil

            @tino if you open the developers window, ctrl-shift-i, and select the tab labeled console, and scroll up,
            maybe put ‘soccer’ (no quotes) in the filter field to just see messages from one module, you should see the errors from loading some url…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            A 1 Reply Last reply Reply Quote 0
            • T Offline
              tino
              last edited by

              You made my day!!

              THX for your tip with the Debug console.

              System could not find the path to the public folder.
              false: src=“/MMM-soccer/public/{{standing[index].team.name}}.svg”
              right: src=“/modules/MMM-soccer/public/{{standing[index].team.name}}.svg”

              now it works perfect …thumbs up

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @tino
                last edited by sdetweil

                @tino woohoo!

                Glad u solved it!

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • A Offline
                  ambujsethi @sdetweil
                  last edited by

                  @sdetweil I’m having the same issue but I don’t understand what you mean by the developers window here. What is that, exactly?
                  Thanks.

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @ambujsethi
                    last edited by sdetweil

                    @ambujsethi on the mirror screen, press ctrl-shift-i. This will split screen with the developers window on the right side

                    you can also open the developers window with npm start dev (as long as u stopped the pm instance)

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    A 1 Reply Last reply Reply Quote 0
                    • A Offline
                      ambujsethi @sdetweil
                      last edited by

                      @sdetweil Thank you! I’ll try it out and hopefully solve the issue. :)

                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @ambujsethi
                        last edited by

                        @ambujsethi i think we have the resolution… edit the module njk file and fix the paths to the images

                        from

                        /MMM-Soccer
                        

                        to

                        /modules/MMM-Soccer/public
                        

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy