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. Shop / WooCommerce
  3. Adding a footer to the Product Page

Adding a footer to the Product Page

Scheduled Pinned Locked Moved Shop / WooCommerce
8 Posts 3 Posters 1.2k Views 2 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.
  • A
    A
    a_gova
    wrote on last edited by
    #1

    Hello,

    I'm making some changes to a Lay Theme for a client project, and I'm stuck trying to add a custom footer to WooCommerce product pages. Is there a way to achieve this? Can I use a hook or shortcode ?

    Thanks in advance!

    1 Reply Last reply
    0
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #2

      i think the footer for the product pages is the same footer that is used for
      the footer for pages:
      Screenshot 2024-03-20 at 13.49.15.png

      if you know how to use css: the body on shop pages has this class:

      woocommerce-page

      so theoretically you could add something to your footer that is the same footer for pages and add a class to it and then use css to hide it on normal pages and show it on woocommerce pages

      for example add a row to your footer for pages,
      right click the row and "set html class and id"
      enter "myshopfootercontent" as the class

      then use css like:

      .myshopfootercontent{
      display: none;
      }
      
      body.woocommerce-page .myshopfootercontent{
      display: block;
      }
      

      i should probably add a setting to have different footers for shop pages

      V 1 Reply Last reply
      0
      • V
        V
        vonMatthias
        wrote on last edited by
        #3
        This post is deleted!
        1 Reply Last reply
        0
        • V
          V
          vonMatthias
          wrote on last edited by
          #4
          This post is deleted!
          1 Reply Last reply
          0
          • V
            V
            vonMatthias
            wrote on last edited by
            #5

            Did not work for Mobile, now with this code it works .. (maybe page-Ids differ for everyone...)

            /* woocommerce = alle WOO-SEITEN? */
            .woocommerce .myprojectfootercontent{
            display: none;
            }
            /* .home = START-SEITE*/
            .home .footer .myprojectfootercontent,
            .home #footer-custom-phone-grid .myprojectfootercontent{
            display: none;
            }
            
            /* ID 36 = ABOUT-SEITE*/
            .page-id-36 .footer .myprojectfootercontent,
            .page-id-36 #footer-custom-phone-grid .myprojectfootercontent{
            display: none;
            }
            

            second line always responsible for the mobile-version. This is, what was missing for me, in the solution before.

            1 Reply Last reply
            0
            • arminunruhA arminunruh

              i think the footer for the product pages is the same footer that is used for
              the footer for pages:
              Screenshot 2024-03-20 at 13.49.15.png

              if you know how to use css: the body on shop pages has this class:

              woocommerce-page

              so theoretically you could add something to your footer that is the same footer for pages and add a class to it and then use css to hide it on normal pages and show it on woocommerce pages

              for example add a row to your footer for pages,
              right click the row and "set html class and id"
              enter "myshopfootercontent" as the class

              then use css like:

              .myshopfootercontent{
              display: none;
              }
              
              body.woocommerce-page .myshopfootercontent{
              display: block;
              }
              

              i should probably add a setting to have different footers for shop pages

              V
              V
              vonMatthias
              wrote on last edited by vonMatthias
              #6

              @arminunruh Seperat footers for the Woo-Pages would still be helpful. In my shop, the footer just does not show on the shoppage. On all other woo-Sites it works, but not on the shop page ... no idea what to do except building it manually, but this is not solution .. https://schaum.cc/shop ...

              1 Reply Last reply
              0
              • arminunruhA
                arminunruhA
                arminunruh
                Global Moderator
                wrote on last edited by
                #7

                ok im gonna work on this now

                1 Reply Last reply
                0
                • arminunruhA
                  arminunruhA
                  arminunruh
                  Global Moderator
                  wrote on last edited by
                  #8

                  ok with the next update you will have this extra setting:

                  Screenshot 2024-10-29 at 08.23.58.png

                  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
                  I
                  itsbadjujuju
                  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