WordPress.org

Ready to get started?Download WordPress

Forums

Gwebpro Store Locator
[resolved] Responsive possible? (5 posts)

  1. mjclob
    Member
    Posted 9 months ago #

    Hi
    I've had a quick look and it looks just what I require

    Is there a way to make it responsive so it can be viewed on tablet/mobile etc

    Also, is there a way to change the icons (me icon and red marker)

    Thanks

    http://wordpress.org/plugins/gwebpro-store-locator/

  2. Jas Saran
    Member
    Plugin Author

    Posted 9 months ago #

    Hello,

    Yes, you can make it responsive. Move to Gwebpro Store locator plugin folder and open gwebpro-store-locator/css/store_style.css. You can change the frontend css styles from here. You need to set the styles depending upon screen resolution to make the section responsive. For resizing map use width 100%.

    Also you can change the map pins. Move to gwebpro-store-locator/images. Here you find the me_map.png icon just replace it with your new one.
    And for changing the other icon you need to make a little tweak in code.

    step 1. open gwebpro-store-locator-frontend.php
    step 2. search for
    var markerOptions = {
    position: position,
    map: map,
    animation: google.maps.Animation.DROP
    }

    step 3. replace the code with this
    var markerOptions = {
    position: position,
    map: map,
    icon: '<?php echo plugins_url( 'images/stores_icon.png' , __FILE__ ); ?>',
    animation: google.maps.Animation.DROP
    }

    step 4. Create your new store pin or marker named stores_icon.png and place it into images folder gwebpro-store-locator/images

    You can see the changes after refresh the page.

    Thanks,
    G web pro Team

  3. deansurfer
    Member
    Posted 9 months ago #

    my question is, when i enter a location i have to click "OK" and also "Search" button to accept it because "Enter" does not work i think this could be a small bug.
    Thank you

  4. Stevie D
    Member
    Posted 8 months ago #

    just a tip i found if your having problems showing the google map zoom controls add this to button of your css

    .gmnoprint img { max-width: none; }

  5. Jas Saran
    Member
    Plugin Author

    Posted 8 months ago #

    Hello Stevie,

    Thanks for the tip.

    Thanks,
    G web pro Team

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.