Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. How to get javascript to show in a location with a class?

How to get javascript to show in a location with a class?

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 1.1k Views 1 Watching
  • 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.
  • DMBD
    DMBD
    DMB
    wrote on last edited by
    #1

    Hi there @Armin-Unruh @mariusjopen

    Im trying to get this BandsInTown tour event widget to display.

    I've tried to use the wordpress plugin but its displaying a bit funnily.

    I'm now trying to use the code that i've generated on their website - you are meant to then paste this code in and it will display:

    	<script charset="utf-8" src="https://widget.bandsintown.com/main.min.js"></script>
        <a class="bit-widget-initializer" data-artist-name="Portico Quartet" data-display-local-dates="false" data-display-past-dates="false" data-auto-style="false" data-text-color="#000000" data-link-color="#FFFFFF" data-popup-background-color="#FFFFFF" data-background-color="#FFFFFF" data-display-limit="15" data-link-text-color="#000000"></a>
    

    If i paste this into 'Custom Head and HTML' I can get it to render but only at the very top of my page! I want to be able to place it somewhere on a page - any ideas how?

    Thanks!

    D

    DMBD 1 Reply Last reply
    0
    • DMBD DMB

      Hi there @Armin-Unruh @mariusjopen

      Im trying to get this BandsInTown tour event widget to display.

      I've tried to use the wordpress plugin but its displaying a bit funnily.

      I'm now trying to use the code that i've generated on their website - you are meant to then paste this code in and it will display:

      	<script charset="utf-8" src="https://widget.bandsintown.com/main.min.js"></script>
          <a class="bit-widget-initializer" data-artist-name="Portico Quartet" data-display-local-dates="false" data-display-past-dates="false" data-auto-style="false" data-text-color="#000000" data-link-color="#FFFFFF" data-popup-background-color="#FFFFFF" data-background-color="#FFFFFF" data-display-limit="15" data-link-text-color="#000000"></a>
      

      If i paste this into 'Custom Head and HTML' I can get it to render but only at the very top of my page! I want to be able to place it somewhere on a page - any ideas how?

      Thanks!

      D

      DMBD
      DMBD
      DMB
      wrote on last edited by
      #2

      @dmb any ideas on this @Armin-Unruh @mariusjopen ? :)

      1 Reply Last reply
      0
      • mariusjopenM
        mariusjopenM
        mariusjopen
        Global Moderator
        wrote on last edited by
        #3

        Hi @DMB
        using Javascript, especially from other services might get tricky.

        You should have a look here:
        http://laytheme.com/documentation.html#custom-javascript

        The code you want to embed does not fit those specs. You might need to change it (Impossible, right?)

        Let me know your thoughts :-)

        Best!

        Marius

        www.mariusjopen.world

        DMBD 1 Reply Last reply
        0
        • mariusjopenM mariusjopen

          Hi @DMB
          using Javascript, especially from other services might get tricky.

          You should have a look here:
          http://laytheme.com/documentation.html#custom-javascript

          The code you want to embed does not fit those specs. You might need to change it (Impossible, right?)

          Let me know your thoughts :-)

          Best!

          Marius

          DMBD
          DMBD
          DMB
          wrote on last edited by
          #4

          @mariusjopen Yeah I've had a look and tried to adapt it but im not a javascript pro..

          The thing is, I can get it to appear if I put the code into 'custom head and html' but only at the top of the page.

          I guess what im asking is - is there a way to tell the code to locate itself in a certain row with a class?

          1 Reply Last reply
          0
          • mariusjopenM
            mariusjopenM
            mariusjopen
            Global Moderator
            wrote on last edited by
            #5

            Hi @DMB
            the plugin won't work because it used different jQuery languages like in Laytheme.

            I think you won't get it to work – unless you go into the code. Which is rather difficult. I don't know how to run that plugin in a specific row.

            Sorry about that!

            Marius

            www.mariusjopen.world

            1 Reply Last reply
            0

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            Online Users
            R
            robertobarbes
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

            • Login or register to search.
            • First post
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search