Search Results Card Customisations

Home Forums WordPress Theme CityBook – Directory & Listing WordPress Theme Search Results Card Customisations

This topic contains 18 replies, has 2 voices, and was last updated by  Br4in5t0rm 3 months, 3 weeks ago.

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #34608

    Br4in5t0rm
    Participant

    Supported

    See https://prnt.sc/ooojwa

    1. How can I make width and height of card container smaller to fit my 190×190 images? See all Red lines and arrows, I want it to size like the Blue box (I know the css selectors for search card content so no problem with that, just need resize the image container).

    2. How can I move the Author profile image and Category, in Search Card? I tried moving it in listing types builder – cards like ( See https://prnt.sc/ooop6s) but it still displays like the demo.

    Thanks

    #34628

    CTHthemes
    Keymaster

    1 – Try this

    
    .listing-item.list-layout .geodir-category-content{
      width: 70%;
    }
    .listing-item.list-layout .geodir-category-img{
       width: 30%;
    }
    
    

    2- You have to use css code to relayout theme.

    #34635

    Br4in5t0rm
    Participant

    Supported

    Brilliant, It works. Thanks! I can fix the cards content myself, no probs.

    I have another related question.

    I want Search Results page to have Right SideBar page template when searching. (Like this page: https://cheshireclassifieds.com/listings-without-map-2/). How can I achieve this?

    Thanks for your solutions and great work. Really appreciate it.

    #34663

    CTHthemes
    Keymaster

    You can change the layout by using Map, filter option on Settings -> CityBook Add-Ons -> Listings tab.

    #34676

    Br4in5t0rm
    Participant

    Supported

    Hi,
    I need Right Sidebar layout so I can add my own right sidebar with widgets for search. Also, I am trying to follow Google search layout. Full-width Search Results cards means users eyes must travel more to read all per Search Card. It is important for my UX please.

    A more direct question might be: How can I edit Listing Archive page to make it Right Sidebar page template please?

    #34688

    CTHthemes
    Keymaster

    Here is the file you need to edit: http://prntscr.com/opu3mh

    #34710

    Br4in5t0rm
    Participant

    Supported

    I see I need to edit this section (for listing List view) – https://prnt.sc/oq18vg

    How do I call page-sidebar-right.php to be the page template for this? I’m sorry, I don’t know php. I was thinking to try adding get_sidebar(page-sidebar-right) but I would’nt know where to add or how to do this.

    Also, can I copy the Templates folder to my Citybook-Child theme so I don’t lose changes? Which of these folders (besides azp_templates folder) can I copy to child theme for always keeping even after update?

    #34753

    CTHthemes
    Keymaster

    Yes, you can copy the file to child theme then edit.
    Use the code bellow for page sidebar

    
    <div class="col-md-4 page-sidebar-column">
                    <div class="blog-sidebar box-widget-wrap fl-wrap right-sidebar">
                        <?php 
                            get_sidebar('page'); 
                        ?>                 
                    </div>
                </div>
    
    #34873

    Br4in5t0rm
    Participant

    Supported

    Okay, something is not right. I have a copy of whole Template folder in my child-theme to make changes with, but it is not updating when making edits to listing-search.php. I know this because I tested it by removing certain sections and it still show up in search results, but when testing by editing Citybook Addons>listing-search.php it does update.

    Also, I copied your code to the listing-search.php but still the same full-width page layout.

    #34881

    CTHthemes
    Keymaster

    Did you copy the file to childtheme folder -> cth_listing/templates/listing-search.php

    #34896

    Br4in5t0rm
    Participant

    Supported

    HI, I copied Template folder and Azp template folder in my child theme like the attached. That is correct?

    #34900

    CTHthemes
    Keymaster

    You have to put templates folder inside cth_listing folder.

    #34901

    Br4in5t0rm
    Participant

    Supported

    Ok thanks, this actually worked.

    Where do I copy/replace the listing-search.php code for right sidebar to?

    #34922

    CTHthemes
    Keymaster

    You should try yourself. it’s based on bootstrap grid.

    #34959

    Br4in5t0rm
    Participant

    Supported

    Hi, so I managed to understand how the bootstrap system works. I managed to solve my issue partially but I have another problem that I can’t identify. I am able to make left sidebar like https://prnt.sc/otbjeb with the code like https://prnt.sc/otbjyd

    But when I want to make the sidebar on the right (where I move col-md-4 to below search result content (template_loop) then it appears at bottom of page like https://prnt.sc/otbhbt. But the bootstrap for that row is 8-4.
    Do you have any tips on this please?

    #34976

    CTHthemes
    Keymaster
    #34982

    Br4in5t0rm
    Participant

    Supported

    That section that is highlighted is already pasted in line 159 and was my code for the second screenshot https://prnt.sc/otbhbt. See my page now before I change it back https://cheshireclassifieds.com/?search_term=

    #34984

    Br4in5t0rm
    Participant

    Supported

    My current code as your suggestion https://prnt.sc/otf6bo

    #34991

    Br4in5t0rm
    Participant

    Supported

    I achieved what I needed. Thanks for your guidance.

    For others who need the solution, I resolved it with https://prnt.sc/oti04p.

Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Search Results Card Customisations’ is closed to new replies.

New featues: CityBook - Listing & Directory WordPress Theme version 2.1.8 was outUpdate now
+