Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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 222 Views
  • 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 Offline
    A Offline
    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 Offline
      arminunruhA Offline
      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 Offline
        V Offline
        vonMatthias
        wrote on last edited by
        #3
        This post is deleted!
        1 Reply Last reply
        0
        • V Offline
          V Offline
          vonMatthias
          wrote on last edited by
          #4
          This post is deleted!
          1 Reply Last reply
          0
          • V Offline
            V Offline
            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 Offline
              V Offline
              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 Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote on last edited by
                #7

                ok im gonna work on this now

                1 Reply Last reply
                0
                • arminunruhA Offline
                  arminunruhA Offline
                  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
                  Reply
                  • Reply as topic
                  Log in to reply
                  • Oldest to Newest
                  • Newest to Oldest
                  • Most Votes


                  I also code custom websites or custom Lay features.
                  šŸ’æ Email me here: šŸ’æ
                  info@laytheme.com

                  Before you post:
                  1. When using a WordPress Cache plugin, disable it or clear your cache.
                  2. Update Lay Theme and all Lay Theme Addons
                  3. Disable all Plugins
                  4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                  This often solves issues you might run into

                  When you post:
                  1. Post a link to where the problem is
                  2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                  3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                  Online Users
                  D
                  Double
                  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