Help! How can we change display of hours?

This topic contains 5 replies, has 2 voices, and was last updated by  Barbara Magee 4 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #538497

    Barbara Magee
    Expired Member
    Post count: 146

    With food and beverage businesses curtailing their hours, we need to reduce visibility of their hours on the listing to minimize site visitor confusion.

    1. We can’t figure out how to change this code so the hours box starts closed upon user entering the page on mobile.

    <div class=”wpapps-mini wpapps-archive-item-container”>
    [gd_archive_item_section type=’open’ position=’left’]
    [gd_post_images type=”image” ajax_load=’true’ link_to=”post”]
    [gd_post_badge key=”post_date” condition=”is_greater_than” search=”+7″ badge=”New” bg_color=”#1baa11″ txt_color=”#ffffff” alignment=”left”][gd_archive_item_section type=’close’ position=’left’]
    [gd_archive_item_section type=’open’ position=’right’]
    [gd_post_title tag=’h2′]
    [gd_post_badge key=”featured” condition=”is_not_empty” icon_class=”fas fa-star” badge=”Featured” bg_color=”#747474″ txt_color=”#feffec” alignment=”left”]
    <div class=”wpapps-item wpapps-bh-mobile”>[gd_post_meta key=”business_hours” css_class=”gd-bh-expanded”]
    </div>
    <div class=”wpapps-item wpapps-bh”>[gd_post_meta key=”business_hours” location=’listing’]
    </div>
    [gd_author_actions author_page_only=’1′]
    [gd_post_distance]
    <div class=”wpapps-item wpapps-output”>[gd_output_location location=”listing”]
    </div>
    <hr>
    <div class=”wpapps-item wpapps-direction”>[gd_post_directions]</div>
    [gd_archive_item_section type=’close’ position=’right’]
    </div>
    <style>

    @media screen and (max-width : 768px){
    /* GeoDirectory V2 Business Hours Styles*/
    .geodir-field-business_hours {
    text-align: inherit !important;
    }
    /* GeoDirectory V2 Business Hours – Start open and stay open*/
    .gd-bh-open-hours {
    display: block !important;
    }
    .gd-bh-expand i.fas.fa-caret-down {
    font-size: 17px;
    }
    }
    .wpapps-bh-mobile{
    display:none;
    }

    .wpapps-bh, .wpapps-output, .wpapps-direction{
    font-size: 14px;
    }
    </style>

    2. Rather than display Open Now or Closed after the meta icon above the list of business hours, how do I just display Hours on both the Archive Item and the Details Listing Page? When things settle down, we may want to change back to Open Now and Closed wording.

    Thanks very much!

    #538520

    Alex Rollin
    Moderator
    Post count: 27815

    You can try this:

    
    
    
    /* GeoDirectory V2 Business Hours – Closed on mobile*/
    @media only screen and (max-width: 600px) {
    .gd-bh-open-hours {
    display: inherit;
    }
    

    If that doesn’t work please share the page and credentials so we can check on it.

    To change the text you can change the values in the custom fields like the label, or go further and translate the GeoDirectory core plugin.

    https://wpgeodirectory.com/docs-v2/translation/overview/

    #538539

    Barbara Magee
    Expired Member
    Post count: 146

    Thanks! That code worked. The field label in Places settings is already set at Hours but Open Now, Closed Now and Closed Today are still displaying. Is there any way to change those to Hours without translating the core plugin?

    #538547

    Alex Rollin
    Moderator
    Post count: 27815

    Not that I am aware of, no.

    Glad that worked for you.

    #538600

    Barbara Magee
    Expired Member
    Post count: 146

    Oops! Unfortunately, the business hours box is now staying open on listings/location pages on laptops (see attached screenshot). What change do we need to make to have the business hours box be closed when page is opened?

    Here again is the code we have in the GD Archive Item block:

    @media screen and (max-width : 768px){
    /* GeoDirectory V2 Business Hours Styles*/
    .geodir-field-business_hours {
    text-align: inherit !important;
    }
    /* GeoDirectory V2 Business Hours – Closed on mobile*/
    @media only screen and (max-width: 600px) {
    .gd-bh-open-hours {
    display: inherit;
    }
    .gd-bh-expand i.fas.fa-caret-up {
    font-size: 17px;
    }
    }

    .wpapps-bh-mobile{
    display:none;
    }
    .wpapps-bh, .wpapps-output, .wpapps-direction{
    font-size: 14px;
    }
    </style>

    #538657

    Barbara Magee
    Expired Member
    Post count: 146

    Hello,
    No need to reply to last post. We made the decision to remove business hours from the GD-archive item.

    Thanks again for your help! Stay safe and stay well!

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket