Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • angie00 Friend
    #1043102

    We love the template but are struggling with the "List All Contact Categories" looking correctly on the website and tested on the demo as well. http://ja-sugite.demo.joomlart.com/index.php/en/?option=com_contact&view=categories&id=16

    We are needing some suggestions for either a staff directory that looks decent on both web and mobile or a fix for this particular menu item.

    Here are some of the design/ technical challenges with it:

    1. Many people cannot figure out how to display the "subcategories" by clicking the + sign. Yes, this is end-user error but also wondering if there might be some other way to show that there are items to be "discovered" within the category.
    2. The categories on the page don’t seem to layout correctly? It shows 3 in a row and then 1 category falls below that.
    3. Once they click the + sign it falls into a weird narrow column design. I think the image even gets cut off.
    4. All of the details do not show within the individual contact when filtering down. For example, missing full address, etc. We checked the settings and everything is set to showing.

    Any and all feedback and suggestions would be much appreciated! Thanks!


    1. Screen-Shot-2017-06-20-at-2.03.58-PM
    2. Screen-Shot-2017-06-20-at-1.45.26-PM
    3. Screen-Shot-2017-06-20-at-2.06.23-PM
    Saguaros Moderator
    #1043203

    Hi,

    I’ve passed to the team for further consideration on supporting style for this layout page: http://pm.joomlart.com/browse/JATCSUGITE-214

    Regards

    angie00 Friend
    #1043580

    I don’t know if it is my environment or not but the column thing happens on All categories as well (#2 listed above)


    1. Screen-Shot-2017-06-22-at-1.25.58-PM
    Saguaros Moderator
    #1043791
    This reply has been marked as private.
    angie00 Friend
    #1043856
    This reply has been marked as private.
    Saguaros Moderator
    #1043976

    Are you working on this page? as I access it notices 404 page.

    angie00 Friend
    #1047734

    Sorry, I just saw this reply. The link works for us ok. Can you please try again?

    Saguaros Moderator
    #1048220
    This reply has been marked as private.
    angie00 Friend
    #1048483
    This reply has been marked as private.
    Saguaros Moderator
    #1049230

    Thanks for the info. I meant which page in our demo site you want that departments page looks like? so I can check for you. Here is ‘All Categories’ page in our demo site: http://ja-sugite.demo.joomlart.com/index.php/en/joomla-page/category-page/all-categories

    angie00 Friend
    #1070339

    We are open to anything that will make it so it displays correctly! Also please take a look when going in depth into the contacts from the page. (Screenshot attached) Can this also be fixed?


    1. Screen-Shot-2017-10-26-at-1.40.27-PM
    Saguaros Moderator
    #1070370

    You can share the FTP account also and take a full backup of your site so I will take a look.

    angie00 Friend
    #1071023
    This reply has been marked as private.
    Saguaros Moderator
    #1071208
    This reply has been marked as private.
    Saguaros Moderator
    #1071209

    I updated the file: /templates/ja_sugite/less/joomla.less

    At the end of this file, I added new declaration for the contact list page:

    .contact-category {
      ul.category {
        border-top: 0;
        overflow: hidden;
    
        li.row-fluid {
          border: 1px solid @gray-lighter;
          width: 100%;
          margin-right: 0;
          margin-left: 0;
          .clearfix();
    
          & > div {
            margin: 0;
          }
        }
      }
    
      .cat-children {
        ul {
          border: 0;
          border-top: 1px solid @t3-border-color;
    
          li {
            background: transparent;
            border-bottom: 1px solid @t3-border-color;
            padding: 5px 0 5px 0;
    
            h4 {
              border-left: 1px dotted @gray-light;
              font-size: 14px;
              font-weight: 600;
              padding: 0;
              padding-left: 15px;
              margin-left: 20px;
              position: relative;
    
              &:after {
                border-top: 1px dotted @gray-light;
                display: block;
                content: "";
                position: absolute;
                left: 0;
                top: 8px;
                height: 1px;
                width: 10px;
              }
            }
    
            li h4 {
              margin-left: 40px;
            }
    
            li li h4 {
              margin-left: 60px;
            }
    
            li li li h4 {
              margin-left: 80px;
            }
    
            &:last-child {
              border: 0;
            }
          }
        }
      }
    }
Viewing 15 posts - 1 through 15 (of 23 total)

This topic contains 22 replies, has 2 voices, and was last updated by  Saguaros 6 years, 11 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum