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.
    • 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