Display offer on listings

This topic contains 9 replies, has 2 voices, and was last updated by  Guust 10 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • #34030

    Joseph
    Expired Member
    Post count: 12

    Hi there,

    I want to display which of 3 different unique offers a location offers on the listings page and in search fields (currently using a text field, please see first listing on http://thesaloncard.com/find-a-salon/ ’50’).

    Which of radio, checkbox, drop down etc would let me select more than one for each listing and how could I display the corresponding as a small graphic in my listings… in place of the current ’50’ in the search listings.

    Regards,
    Joseph

    #34033

    Guust
    Moderator
    Post count: 29970

    Multiselect will allow you to do what you describe:
    http://docs.wpgeodirectory.com/core-place-settings/#multiselect

    Then you can use CSS to style the result. Have a look at this post, that should give you an idea.

    #34048

    Joseph
    Expired Member
    Post count: 12

    Hi there,

    Perfect, thanks!

    Would you be able to assist in showing the offers as a custom graphic side-by-side on the search listings page as opposed to text?

    http://thesaloncard.com/find-a-salon/

    Also, would it be possible to display a different graphic for each on the search listings as the actual listing page? Simply as the graphic on the search listings page would have to be smaller.

    Regards,
    J

    #34049

    Guust
    Moderator
    Post count: 29970

    Oops, I forgot to post the link:

    Then you can use CSS to style the result. Have a look at this post, that should give you an idea: https://wpgeodirectory.com/support/topic/listings-extra-info-icons/#post-32191

    Also, have a look at this article, it is nearly finished: http://docs.wpgeodirectory.com/custom-field-examples/

    #34050

    Joseph
    Expired Member
    Post count: 12

    Perfect! :o)

    I’ve tried the following…

    /* Discount label style */
    .geodir_discount:after {
    content: “%”;
    }
    .geodir-i-text {
    display: none;
    }
    .geodir_discount {
    background: none repeat scroll 0 0 red;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 6px 0 !important;
    width: 40px;
    float: left;
    display: inline;
    clear:none!important;
    margin: 3px 3px 3px 0px;
    }

    but it doesn’t seem to be working. Does this have to be edited for it to work with a multiselect field?

    Regards,
    J

    #34051

    Guust
    Moderator
    Post count: 29970

    Did you give you custom field a HTML variable name “discount”? You need to adjust the class .geodir_discount to match your name.

    If you need us to have a look, please post your URL and admin in a private message, and direct us to the correct pages and custom fields.

    #34055

    Joseph
    Expired Member
    Post count: 12
    This reply has been marked as private.
    #34056

    Guust
    Moderator
    Post count: 29970

    You need a SELECT field: http://docs.wpgeodirectory.com/core-place-settings/#select

    And this as option values:

    25% OFF/25, 50% OFF/50, BOGOF/??

    or

    25% OFF, 50% OFF, BOGOF

    but then you need to remove

    .geodir_discount:after {content: “%”;}

    You probably also need to adjust the width.
    And add this:

    .geodir-content p {clear: both;}
    #34058

    Joseph
    Expired Member
    Post count: 12

    Hi,

    Thanks! I’ll try this shortly. Will this enable me to select more than one offer for each listing?

    Regards,
    J

    #34071

    Guust
    Moderator
    Post count: 29970

    Not with a SELECT, you will need a MULTI-SELECT for that.
    http://docs.wpgeodirectory.com/core-place-settings/#multiselect

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

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount