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. how to achieve a woocommerce products minimal list + image hover on each?

how to achieve a woocommerce products minimal list + image hover on each?

Scheduled Pinned Locked Moved Shop / WooCommerce
10 Posts 2 Posters 357 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.
  • L Offline
    L Offline
    laferrer
    wrote on last edited by
    #1

    Hi there!
    A couple of weeks ago we have purchased LAY theme, because we saw https://juliangalay.com/ and liked the minimal style and image hover effect...

    But the question is... can this be achieved using all our woocommerce products instead "projects"?
    We need to list the woocommerce products, and each one showing that kind of hover image effect

    I have been looking the documentation, videos, etc... and did not find a way to achieve it yet... can you point us to the light?
    we continue in darkness here...

    Best regards, and sorry for the bad english!
    Luciano

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

      hello, you need the imagehover addon

      and please update your lay theme version to 9.0.3.
      i just added a new element for you called "product index" which is a copy of the project index element:

      image.png

      in here, make sure this is checked (will only show up if your imagehover addon is active):

      image.png

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

        oh and you need to update the imagehover addon too

        1 Reply Last reply
        0
        • L Offline
          L Offline
          laferrer
          wrote on last edited by
          #4

          Thanks! Finally tested it and works amazing!

          BTW, the "title" & "year" index headers can be translated somewhere? For example we used Loco tranaslate plugin in the past, and did not find them on lay or plugin languages

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

            they can be translated if you use qtranslate-xt:
            download here:
            https://github.com/qtranslate/qtranslate-xt

            (green button, download zip)
            install as a wordpress plugin

            the latest lay theme update includes support for this, i just added support for it yesterday

            other plugins like polylang would work too.
            but with polylang you need to duplicate the page for each language so its more work

            1 Reply Last reply
            0
            • L Offline
              L Offline
              laferrer
              wrote on last edited by
              #6

              Oh thanks! Any advice on how to use it?
              I thought those kind of text where located at the theme files, qtranslate-xt seems work with content added to the website (entries, pages, etc)
              I mean the table headers, Title/Years
              Screenshot 2025-07-03 at 09-00-46 Editar la página «Asunción Casa Editora» Asunción Casa Editora — WordPress.png

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

                so you enable qtranslate-XT

                then i think in the qtranslate settings u need to enable the languages u want.
                then when u use the latest lay theme version and edit your project index:

                image.png

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

                  when u change the language strings there, in the gridder it will look like this at the moment for that element:

                  image.png

                  but on the frontend it will show the correct language.
                  and here is some instructions for multilanguge with lay theme:

                  https://laytheme.com/documentation/multilanguage.html

                  1 Reply Last reply
                  0
                  • L Offline
                    L Offline
                    laferrer
                    wrote on last edited by
                    #9

                    Oh, yay, my bad! Thanks!
                    I saw the "Filters" tab, watched the beginning, and didn’t notice the fields at the bottom... thanks again!
                    By the way, the compatibility with qTranslate-XT is great... thanks for implementing it!

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

                      sure! whats cool about qtranslate is you dont need to duplicate posts into another language so its less work

                      the downside is u cant have images in another language
                      its only the text that can be changed

                      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
                      S
                      spale176
                      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