Support » Plugin: WP Travel » Grid View

  • Resolved amartimes

    (@amartimes)



    How can i design the page with filter above the itineraries as it is shown in your demo page? Also how to display view mode as grid listing by 4 ?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • wensolutionsupport

    (@wensolutionsupport)

    Hello @amartimes,

    To have the layout as in the demo of the WP-travel, you have to use the Travel Log theme. The filter section that is displayed in the demo is from the theme itself.

    Also for the clear info you can also refer to travel log demo.

    http://wensolutions.com/travel-log-demo/

    You can also try using the travel log and for this refer to below link :

    http://wensolutions.com/themes/travel-log/

    You can display the itineraries in grid layout or simply list them just by clicking in Grid icon and list icon which you can find in Itineraries listing page.

    https://image.prntscr.com/image/Tx4dHej5RDq3nH9xw5rffg.png

    Hope this clears up.

    Also, we have setup dedicated support forum for both WP Travel Plugin and Travel Log Theme for dedicated support and issues resolutions. You can post your queries for theme and plugin separately at :

    WP Travel Plugin Support Forum : http://wptravel.io/support-forum/forum/wp-travel/

    Travel Log Theme Support Forum : http://wptravel.io/support-forum/forum/travel-log/

    Best Regards !!

    amolpagay

    (@amolpagay)

    Hello,

    I don’t have the filter of the search page. How do I get that? Also, is there a way to make grid as default option.

    Thanks for the new updates to the wp travel plugin. One suggestion for the next update. Make three options for the number of travelers – per person, couple, group. I have some awesome honeymoon destinations and Couple option will really suit it well.

    Thanks in advance,
    Amol

    Hello @amolpagay,

    To make the layout grid by default you have to add below given code in your child theme functioins.php file .

    add_filter( 'wp_travel_default_view_mode', 'default_view_mode' );
    
    function default_view_mode( $view_mode ) {
    	
    	return 'grid';
    }

    Also, we will definitely consider your suggestion and if possible we will try to include them in the future updates.

    Thank you.

    Best Regards!!

    Hello,

    Thanks for the code. It worked but displayed the result in a single column. I wanted at least four or five columns which are responsive as per the device used.

    New questions –

    1. Is there a code to change the background of the “itinerary search section” in the “Homepage Sections”
    2. The new update in the travel log theme didn’t work well with the “itinerary search section”. It lost all the formatting. I had to roll back my theme to previous version. Is there a solution to this?

    thanks in advance..

    Hello @amolpagay,

    At first, we would like to apologize for the delay in replying to you.

    The code we have provided will set the layout in grid mode by default and will list the itinerary in four column.

    So please make sure you have included the proper code in your child theme.

    Now if you want to change the background color of search section then use below-given CSS .

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given code.

    #section-itinerary-search {
        background: #5cc4efb0;
    }

    Change the color code as per your requirement.

    But in case if you want to upload the image as the background image for search section then use below given CSS in Additional CSS.

    #section-itinerary-search {
        background-image: url("Your Image URL");
    }

    Here replace our Image URL” text with your image URL.

    We have again released the new version of travel Log with some minor fixes and an additional feature. Please once update your theme to the latest version and verify the issue.

    If the issue still persists kindly let us know.

    Also, we have set up the dedicated support forum for Travel Log Theme for dedicated support and issues resolutions. You can post your queries for the theme at :

    Travel Log Theme Support Forum: http://wptravel.io/support-forum/forum/travel-log/

    Best Regards !!

    Hello Wensolution,

    No issues with the late reply. The color changes are working perfectly as per your codes. Though the grid layout is still not working after I updated the plugin and the theme. I wanted the lists to show as a grid of four but still showing as listings. Maybe a tweak in the code is required.

    Here is a mail from you –
    “We have released the update of WP Travel Plugin fixing the issue of grid layout on the Search page. Now the filter we have provided will work for search page as well.

    So please update your plugin to the latest version i.e. version 1.0.6 and verify the issue.

    Thank You.”

    Regards,
    Amol

    Hello @amolpagay,

    Please once make sure you have added the code that we have provided above in your child theme functions.php file.

    Code to be added:

    add_filter( 'wp_travel_default_view_mode', 'default_view_mode' );
    
    function default_view_mode( $view_mode ) {
    	
    	return 'grid';
    }

    This will set the default layout of the itinerary listing page and search page to the grid layout.

    Hope this helps.

    Best Regards!!

    Have a good day 🙂 .

    Plugin Author WEN Solutions

    (@wen-solutions)

    Closed due to inactivity.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Grid View’ is closed to new replies.