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. General Discussion
  3. adding Extra columns in project index

adding Extra columns in project index

Scheduled Pinned Locked Moved General Discussion
7 Posts 3 Posters 254 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.
  • V Offline
    V Offline
    victor789
    wrote on last edited by
    #1

    Re: Project Index – adding extra header and columns?

    Hi Armin,

    Thank you for the project index feature, which is working great!

    I have the same issue that joehales was talking about in the topic I quote above:
    I would like to add more categories to the project index, like in the example below.

    Is there a way to achieve this?

    Here is the website I'm working on (in progress) if you want to have a look: https://tonale-architecture.fr/index/
    For the moment the "Tags" column contains the columns I would like to add.

    Thanks!

    Capture d’écran 2023-04-03 à 16.24.18.png

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

      so you're saying you want another column added to the projext index element right?
      like another form of category or tags

      mmh yea i should code that feature one day
      for now i need to work on other things :/

      V 1 Reply Last reply
      0
      • arminunruhA arminunruh

        so you're saying you want another column added to the projext index element right?
        like another form of category or tags

        mmh yea i should code that feature one day
        for now i need to work on other things :/

        V Offline
        V Offline
        victor789
        wrote on last edited by
        #3

        @arminunruh
        Yes, that's exactly it!
        In theory, this would mean being able to assign other kinds of 'tags' to a project and being able to display the corresponding columns in the project index element.
        Great that you're interested in coding this feature :)
        For now, I'll try to find another way :)
        Thanks!

        1 Reply Last reply
        1
        • V Offline
          V Offline
          victor789
          wrote on last edited by
          #4

          @arminunruh

          As I said in my last post, I'm building a project index line by line, using the Imagehover feature in each HTML block.

          I managed to get the design I wanted on Chrome, but the image appears on the wrong side on Safari : it's inside the list, when I want it outside (on the left), aligned on the middle of the page.

          Is there a way to fix this bug?

          Capture d’écran 2023-04-11 à 12.22.58.png

          Here is the link to the page : https://tonale-architecture.fr/index/

          The Image Position in Imagehover addon settings is set on "Stick to Link" and "Left outside".

          Here is the HTML for one of the lines of the index :

          <a  href="https://tonale-architecture.fr/cave-a-vin-et-epicerie/"
              data-id="148"
              data-title="Cave à vin et épicerie"
              data-catid="[31]"
              data-type="project"
              data-hoverimageid="144"
              data-hoverimagesmallsrc="http://tonale-architecture.fr/wp-content/uploads/2023/04/ANIMA_PKA_JBT-7-Web_2500p-265x397.jpg"
          >
              <div class="tonaleindexline" width="100%">
                              <div id="tonaleindex-1">
                              Cave à vin et épicerie
                              </div>
                              <div id="tonaleindex-2">
                               Paris 10
                              </div>
                              <div id="tonaleindex-3">
                              35 m²
                              </div>
                              <div id="tonaleindex-4">
                              Retail
                              </div>
                              <div id="tonaleindex-5">
                              Livré en 2022
                              </div>
              </div>
          </a>
          

          And here is the custom CSS I added :

          .navbar {
          	z-index:0;
          }
          .lay-imagehover-region img {
          	position: fixed;
          	top: auto;
          	right: auto;
          	bottom: auto;
          	left: auto;
          	margin-top: 3px;
          	margin-right: auto;
          	margin-bottom: auto;
          	margin-left: auto;	
          	padding-top:auto;
          	padding-right: 50%;
          	padding-bottom:auto;
          	padding-left:auto;
          }
          #tonaleindex-1 {
          	display: inline;
          	float: left;
          	width: 37%;
          	font-size: 15px;
          	text-align: left;
          }
          #tonaleindex-2 {
          	display: inline;
          	float: left;
          	width: 20%;
          	font-size: 15px;
          	text-align: left;
          }
          #tonaleindex-3 {
          	display: inline;
          	float: left;
          	width: 10%;
          	font-size: 15px;
          	text-align: left;
          }
          #tonaleindex-4 {
          	display: inline;
          	float: left;
          	width: 15%;
          	font-size: 15px;
          	text-align: left;
          }
          #tonaleindex-5 {
          	display: inline;
          	float: left;
          	width: 18%;
          	font-size: 15px;
          	text-align: left;
          }
          .tonaleindexline {
          	display: inline;	  
          	float: left;  
          	width: 100%;
          	font-family: ABCWalterNeue-Fett;
          	font-size: 15px;
          	text-align: left;
          	color: #000000;
          }
          .tonaleindexline:hover {
          	color: #b1bebe;
          	background-color: none;
          	text-decoration: none;
          	z-index: 50;
          }
          
          1 Reply Last reply
          0
          • arminunruhA Online
            arminunruhA Online
            arminunruh
            Global Moderator
            wrote on last edited by
            #5

            hey man its hard to get this untangled when ur custom css is active

            can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

            V 1 Reply Last reply
            0
            • arminunruhA arminunruh

              hey man its hard to get this untangled when ur custom css is active

              can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

              V Offline
              V Offline
              victor789
              wrote on last edited by
              #6

              @arminunruh I just sent you a mail with all the informations. Thank you!!

              Y 1 Reply Last reply
              0
              • V victor789

                @arminunruh I just sent you a mail with all the informations. Thank you!!

                Y Offline
                Y Offline
                yanekblue
                wrote on last edited by
                #7

                @victor789 How did you fix/manage your issue in the end? would be nice to know :)

                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
                arminunruhA
                arminunruh
                A
                alasdair17
                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