| A |
MayPlaces have a widget named Listing Box as a showcase of your listing. Listing box contains:
-
A photos of your listing
-
Customize look & feel
-
Date, Price, etc.
Parameters:
-
owner: your MayPlaces ID without @, eg. 'myusername'
-
limit: how many listings you want to get (default value - '10')
-
per_page: how many listings you want to display per page (default value - '5')
-
order_by: how would you like the listings order shown (default value - 'date'). Options: 'id', 'date', 'price', or 'shows' (= most popular listings)
-
order_type: listing order (default value - 'desc'). Options: 'asc', 'desc', or 'rand'
-
field_names: specifies whether or not to display field names (default value - 'false')
-
lang: specifies language (default value - 'en')
-
featured: specifies whether or not to display featured listings only. Options: 'true' or 'false'
-
direction: specifies box orientation (default value - 'portrait'). Options: 'portrait' or 'landscape'
-
custom_box: specifies custom box name which allows you to display more than one box on single page, eg. 'box1', 'box2', and so on
Styling Atrributes:
-
thumbnail styles:
-
mp_img_width = the width of the images in percent or pixels, eg. "100%"
-
mp_img_height = the height of the images in percent or pixels, eg. "100%"
-
box styles:
-
mp_ads_bg = the background color of listing, eg. "#FFFFFF"
-
mp_ads_bg_hover = the background color of listing when cursor hover, eg. "#EFEFEF"
-
mp_ads_border = the border color of listing, eg. "1px solid #CAD4E7"
-
mp_ads_border_hover = the border color of listing when cursor hover, eg. "1px solid #9DACCE"
-
text styles:
-
mp_field_first_color = the color of text next to headline, eg. "#666666"
-
mp_field_color = the color of text in listing, eg. "#3B59BD"
-
mp_field_names_color = the color of field names in listing, eg. "#777777"
-
paging styles:
-
mp_paging_bg = the background color of pagination, eg. "#ECEEF5"
-
mp_paging_bg_hover = the background color when cursor hover of pagination, eg. "#FFFFFF"
-
mp_paging_border = the border color of pagination, eg. "1px solid #CAD4E7"
-
mp_paging_border_hover = the border color when cursor hover of pagination, eg. "1px solid #9DACCE"
Demo: Preview 1 | Preview 2 | Preview 3 | Preview 4
Sample Code:
<script type="text/javascript">
mp_img_width = "100%";
mp_img_height = "100%";
mp_ads_bg = "#FFFFFF";
mp_ads_bg_hover = "#EFEFEF";
mp_ads_border = "1px solid #CAD4E7";
mp_ads_border_hover = "1px solid #9DACCE";
mp_field_first_color = "#666666";
mp_field_color = "#3B59BD";
mp_field_names_color = "#777777";
mp_paging_bg = "#ECEEF5";
mp_paging_bg_hover = "#FFFFFF";
mp_paging_border = "1px solid #CAD4E7";
mp_paging_border_hover = "1px solid #9DACCE";
<script>
<script type="text/javascript" src="http://mayplaces.com/listings.js?owner=username&limit=10&per_page=3&order_by=date&order_type=asc&field_names=true">
<script>
|
