Rentvine

Rentvine Plugin Setup

  • Go to: Plugins —> Add Plugin —> Select "Rentvine" from the dropdown --> Click Create
  • URL: cityname-homes-for-rent
  • Template: usually will be "rentals" on newer sites
    • You may need to create a new template and copy from a website template
  • Title Tag:
    • Atlanta Homes for Rent, Houses for Rent in Atlanta, GA, Atlanta, Georgia Rental Homes.
  • Meta Tag:
    • Find Atlanta, GA homes for rent with our borderless search. Search by any criteria!
  • Filters: see below
  • Add the CSS to the bottom of the styles.css file & update colors to reflect the customer's brand colors
  • Add Open Graph to the template in the head if needed

Rentvine Widget Setup

  • Add the following code to the top of the Rentvine list template in Atom:
    • Open the site in Atom --> _system --> Plugins --> Rentvine --> list
			    
			        
					<div class="text-center-sm">
						<div class="row">
							<div class="col-lg-8">
								<h1><span class="display-1__sm"></span> Homes For Rent</h1>
								<h2>Find the Perfect Home</h2>
							</div>
							<div class="col-lg-4 text-lg-right pb-5">
								<a href="" target="_blank" title="opens in new window" class="btn btn--arrow">Apply Online</a>
							</div>
						</div>
						<p>
							We want to make your experience in finding your next dream home an enjoyable one! Find houses for rent
							in  by selecting from our list of  rental
							homes, or by entering your search criteria below. Give us a call today and we will help you find the
							perfect rental property!
						</p>
					</div>
			    
			    
			  

Home Page Widgets

    

        
		<div class="rentvine_home rentvine_widget" data-subdomain="123pm" data-component="listings"></div>

		<script type="text/javascript">
			(function(d, s, id) {
				if (d.getElementById(id)) return;
				var t = (new Date()).getTime();
				var js = d.createElement(s);
				js.id = id;
				js.src = "https://app.rentvine.com/public/widget/init.js?_=" + t;
				d.body.appendChild(js);
			}(document, 'script', 'rv-jsinit'));
		</script>
		<script type="text/javascript">
			if (location.search.length > 0) {
				var url = '/market-homes-for-rent';
				var property = location.search;
				window.location = url + property;
			};
		</script>
    

    
  

Listings Example:

			
				
	.rentvine_widget .listings-search-form {display: none;}
		
			
		

Homepage Rentals Listing

			
				
		.rentvine_widget .listings-search-form {display: none;}
		.rentvine_home .rv-widget > form { display: none; }
		.rentvine_home .rv-widget .row { justify-content: center; }
		.rentvine_home .rv-widget .empty-listings { text-align: center; }
		.rentvine_home .rv-widget .nav-tabs { display: none; }
		.rentvine_home .rv-widget .listings-container { height: 100%; }
		.rentvine_home .rv-widget .listing-card { background-color: #f2f2f2; border-color: var(--border-color); height: 100%; }
		.rentvine_home .rv-widget .listings-amount { display: flex; align-items: center; font-size: 20px; color: var(--primary); }
		.rentvine_home .rv-widget .listing-rent-amount { color: inherit; }
		.rentvine_home .rv-widget .listing-rent-frequency { padding-left: 10px; color: inherit; font-size: 85%; font-weight: bold; }
		.rentvine_home .rv-widget .listings-container .listing-card .row:has(.listings-card-body) { height: 100%; }
		.rentvine_home .rv-widget .listings-container .listing-card .listings-card-body { display: flex; flex-direction: column; height: 100%; }
		.rentvine_home .rv-widget .listings-container .listing-card .listings-card-body .listings-details { display: flex; flex-direction: column; height: 100%; }
		.rentvine_home .rv-widget .listings-details div:has(.listings-view-details.btn) { margin-top: auto; }
		.rentvine_home .rv-widget .listings-container .listing-card .listings-card-body .listings-details .listings-view-details { overflow-x: hidden; border-radius: 0; }
		/* Display Only 3 Properties */
		.rentvine_home .col-md-4:has(.listings-container):nth-child(1n+4) { display: none; }

		@media (min-width: 768px) {
			.rentvine_home .rv-widget .col-md-4 { flex: 1 0 50%; max-width: 50%; }
		}
		@media (min-width: 1200px) {
			.rentvine_home .rv-widget .col-md-4 { flex: 1 0 33%; max-width: 33%; }
		}
		
			
		

Homepage Rentals Listings Example:

Map Only Example:

			
				
		.rentvine-map .rv-widget > *:not(.tab-content) { display: none; }
		.rentvine-map .rv-widget .tab-pane { display: none!important; }
		.rentvine-map .rv-widget .tab-pane:last-child { display: block!important; }
		
			
		
			
				
				
					<div class="rentvine-map">
						<div class="rentvine_widget" data-subdomain="123pm" data-component="listings"></div>
					</div>

					<script type="text/javascript">
						(function(d, s, id) {
							if (d.getElementById(id)) return;
							var t = (new Date()).getTime();
							var js = d.createElement(s);
							js.id = id;
							js.src = "https://app.rentvine.com/public/widget/init.js?_=" + t;
							d.body.appendChild(js);
						}(document, 'script', 'rv-jsinit'));
					</script>
					
			
		

Add the following JS to redirect to the main rentvine properties page. Replace the url with the renvine properties page url.

			
				
				
				<script type="text/javascript">
					if (location.search.length > 0) {
						var url = 'https://123pm.nesthub.com/market-homes-for-rent';
						var property = location.search;
						window.location = url + property;
					};
				</script>
				
			
		

Open Graph to Add to Template:

    
        
			<meta property="og:title" content="" />
			<meta property="og:type" content="website" />
			<meta property="og:image" content="" />
			<meta property="og:description" content="" />
			<meta property="og:image:width" content="763px">
			<meta property="og:image:height" content="900px">
			<meta property="og:image:alt" content="" />
    
    
  

CSS to Add to End of styles.css File:

	
			
					/* ===============================================================
					Rentvine Plugin
				================================================================== */
				:root {
					--text-dark: #343a40;
				}
				/* ===============================================================
					Modifiers
				================================================================== */
				/* Global */
				.rvw-btn { transition: 0.5s; }
				.rvw-btn:hover { transition: 0.5s; }
				.rentvine-widget button:focus { outline: 5px auto var(--primary); }
				.rvw-btn { border-radius: 0; }
				.rvw-align-items-end { align-items: flex-end; }
				.rvw-align-self-end { align-self: flex-end; }
				.rvw-h-100 { height: 100%; }
				.rvw-icon-list { margin: 10px -5px; justify-content: flex-start; }
				.rvw-icon-list-item { padding: 5px; flex: 0 1 33.33%; display: flex; align-items: center; }
				.rvw-icon { height: 30px; width: 30px; margin: 0 8px 0 0; text-align: center; display: block; }
				.rvw-icon[src*='sqft'] { margin-right: 5px; }
				.rvw-icon-text { font-size: 14px; font-weight: 500; display: inline-block; line-height: 1.2; }
				@media (min-width: 992px) {
					.rvw-order-lg-0 { order: 0;}
					.rvw-order-lg-1 { order: 1; }
					.rvw-order-lg-2 { order: 2; }
				}
				@media (min-width: 768px) {
					.rvw-order-md-first { order: -1; }
					.rvw-order-md-0 { order: 0;}
					.rvw-order-md-1 { order: 1; }
					.rvw-order-md-2 { order: 2; }
				}
				/* List Template
				==================================================================== */
				/* Search Form */
				#rentvine-search-form { padding: 14px 30px 35px 30px; background: var(--gray); border: 1px solid var(--border-color); }
				#rentvine-search-form .rvw-form-group { margin: 1em 0 0; }
				#rentvine-search-form label { margin-bottom: .3em; }
				.rvw-form-control, .rvw-input-group-text { border-radius: 0; }
				@media (max-width: 425px) {
					#rentvine-search-form { padding: 14px 15px 35px 15px; }
				}
				/* Property Cards */
				.rvw-card { overflow: hidden; border-radius: 0; transition: 0.8s; }
				.rvw-card-image-box { min-height: unset; height: 0; padding-top: 60%; overflow: hidden; }
				.rvw-card-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: 0.5s; }
				.rvw-card-body { color: var(--body-text); }
				.rvw-card-title { font-size: 20px; font-weight: 600; }
				.rvw-card-title .rvw-text-sm { font-size: 13px; font-weight: 300; }
				.rvw-property:hover .rvw-card { box-shadow: var(--box-shadow); transition: 0.8s; }
				.rvw-property:hover .rvw-card-image { transform: scale(1.05); transition: 0.8s; }
				/* Map Popups */
				#rentvine-property-map-panel .rentvine-widget { font-size: 14px; color: #000; }
				.rvw-map-property-info-window-img { position: relative; width: 100%; height: 0; padding-top: 60%; margin-bottom: 5px; overflow: hidden; }
				.rvw-map-property-info-window-img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: .8s ease; }
				.rvw-map-property-info-window-img:hover img { transform: scale(1.05); transition: .8s ease; }
				.rvw-map-property-info-window-img ~ div { display: inline-block; }
				.rvw-map-property-info-window-amount ~ div::before { content: '|'; padding: 0 5px; }
				.rvw-map-property-info-window-amount { margin: 10px 0 5px; }
				.rvw-map-property-info-window-amount::before { content: '$'; }
				.rvw-map-property-info-window-beds { margin: 5px 0; }
				.rvw-map-property-info-window-beds::after { content: ' Beds'; }
				.rvw-map-property-info-window-baths::after { content: ' Baths'; }
				/* Details Template
				==================================================================== */
				.rvw-prop-view-title { text-transform: none; }
				.rvw-btn-list { display: inline-flex; flex-wrap: wrap; margin: 0 -8px; }
				.rvw-btn-list .rvw-btn { margin: 8px; background-color: var(--primary); border: 1px solid var(--primary); color: #fff; min-width: 170px; }
				.rvw-btn-list .rvw-btn:hover { background: #fff; color: var(--primary); }
				@media (max-width: 575.98px) {
					.rvw-btn-list { justify-content: center; }
				}
				/* Property View Image */
				#rentvine-property-view-main-image { display: block; max-height: 400px; overflow: hidden; height: 100%; }
				#rentvine-property-view-main-image img { object-fit: cover; height: 100%!important; width: 100%!important; max-height: 100%!important; transition: 0.8s ease; }
				#rentvine-property-view-main-image:hover { cursor: zoom-in; }
				#rentvine-property-view-gallery-btn { background: rgba(0,0,0,.6)!important; color: #fff!important; }
				.rvw-property-view-image { overflow: hidden; flex: 1 1 auto; }
				.rvw-property-view-image:hover #rentvine-property-view-gallery-btn { background-color: var(--primary)!important; }
				.rvw-property-view-image:hover img { transform: scale(1.05); transition: 0.8s ease; }
				/* Property View Summary */
				#rentvine-property-detail-view .rvw-property-view-card { box-shadow: none; border: 1px solid var(--border-color); display: flex; flex-direction: column; height: 100%; }
				#rentvine-property-detail-view .rvw-property-view-summary { padding: 20px 25px 15px; }
				.rvw-property-view-address { line-height: 1.2; }
				.rvw-property-view-address-1 { font-size: 20px; }
				.rvw-property-view-rent { text-align: right; font-weight: bold; font-size: 24px; color: var(--primary); line-height: 1.1; }
				.rvw-property-view-rent .rvw-text-sm { font-size: 13px; font-weight: 400; line-height: 1; display: block; }
				.rvw-property-view-summary .rvw-icon-list { justify-content: flex-start; flex-wrap: wrap; text-align: center; margin: 10px -15px 15px; }
				.rvw-property-view-summary .rvw-icon-list-item { flex: 0 0 auto; display: block; padding: 20px 15px 0; }
				.rvw-property-view-summary .rvw-icon { margin: 0 auto 8px; }
				.rvw-property-view-share { text-align: right; }
				.rvw-property-view-share .a2a_default_style { display: inline-block; }
				@media (min-width: 768px) {
					.rvw-property-view-summary .rvw-icon-list-item:not(:last-child) { margin-right: 35px; }
				}
				@media (max-width: 991px) {
					#rentvine-property-detail-view .rvw-property-view-card { height: auto; margin-bottom: 30px; }
				}
				@media (max-width:575.98px) {
					#rentvine-property-detail-view .rvw-property-view-summary  { padding: 20px 15px 15px; }
					.rvw-property-view-summary, .rvw-property-view-rent { text-align: center; }
					.rvw-property-view-summary .rvw-icon-list { justify-content: center; margin-left: -8px; margin-right: -8px; }
					.rvw-property-view-summary .rvw-icon-list-item { flex: 0 1 98px; padding-right: 8px; padding-left: 8px; }
					.rvw-property-view-address, .rvw-property-view-share { margin-top: 15px; }
				}
				@media (max-width:475px) {
					.rvw-property-view-summary .rvw-icon-list-item:first-child { flex: 1 1 100%; }
				}
				/* Property View Form */
				.rvw-form-container { border: 1px solid var(--border-color); background: var(--gray); height: 100%; padding: 35px 30px; }
				.rvw-form-container label { margin-bottom: .3em; }
				.rvw-form-container textarea { min-height: 7em; }
				.rvw-form-header { font-size: 20px; }
				.rvw-form-header h3 { font-size: 30px; }
				@media (max-width: 991px) {
					.rvw-form-container { margin-top: 30px; }
				}
				@media (min-width:600px) and (max-width:991px) {
					.rvw-form-container form { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px; }
					.rvw-form-container form .rvw-form-group { flex-basis: calc(50% - 20px); flex-grow: 1; margin: 0 10px 20px; }
					.rvw-form-container form .rvw-form-group.rvw-form-group-textarea, .rvw-form-container form .rvw-form-group.rvw-form-group-break, .rvw-form-container form .rvw-form-group.rvw-form-group-checkbox, .rvw-form-container form .rvw-form-group.rvw-form-group-radio { flex-basis: 100%; }
					.rvw-form-container form button { margin-right: 10px; margin-left: 10px; }
				}
				/* ================================================================
					Colors
				=================================================================== */
				.text-primary { color: var(--primary)!important; }
				.rvw-text-primary { color: var(--primary) !important; }
				a.rvw-text-primary:hover, a.rvw-text-primary:focus { color: var(--primary) !important; }
				.rvw-text-secondary { color: var(--secondary) !important; }
				a.rvw-text-secondary:hover, a.rvw-text-secondary:focus { color: var(--secondary) !important; }
				.rvw-text-info { color: var(--primary) !important; }
				a.rvw-text-info:hover, a.rvw-text-info:focus { color: var(--primary) !important; }
				.rvw-text-light { color: #f8f9fa !important; }
				a.rvw-text-light:hover, a.rvw-text-light:focus { color: #dae0e5 !important; }
				.rvw-text-dark { color: #343a40 !important; }
				a.rvw-text-dark:hover, a.rvw-text-dark:focus { color: var(--text-dark) !important; }
				.rvw-text-body { color: var(--body-text) !important; }
				.rvw-text-muted { color: var(--muted) !important; }
				.rvw-mark { background-color: #fcf8e3; }
				.rvw-blockquote-footer { color: var(--secondary); }
				.rvw-alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
				.rvw-alert-primary hr { border-top-color: #9fcdff; }
				.rvw-alert-primary .rvw-alert-link { color: #002752; }
				.rvw-alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
				.rvw-alert-secondary hr { border-top-color: #c8cbcf; }
				.rvw-alert-secondary .rvw-alert-link { color: #202326; }
				.rvw-alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }
				.rvw-alert-light hr { border-top-color: #ececf6; }
				.rvw-alert-light .rvw-alert-link { color: #686868; }
				.rvw-alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }
				.rvw-alert-dark hr { border-top-color: #b9bbbe; }
				.rvw-alert-dark .rvw-alert-link { color: #040505; }
				.rvw-btn:focus, .rvw-btn.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); }
				.rvw-btn-primary { color: #fff !important; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-primary:hover { color: var(--primary)!important; background-color:#fff; border-color: var(--primary); }
				.rvw-btn-primary:focus, .rvw-btn-primary.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); }
				.rvw-btn-primary.rvw-disabled, .rvw-btn-primary:rvw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-primary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-primary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-primary.rvw-dropdown-toggle { color: #fff!important; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-primary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-primary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-primary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); }
				.rvw-btn-secondary { color: #fff !important; background-color: var(--secondary); border-color: var(--secondary); }
				.rvw-btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: var(--secondary); }
				.rvw-btn-secondary:focus, .rvw-btn-secondary.focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); }
				.rvw-btn-secondary.rvw-disabled, .rvw-btn-secondary:rvw-disabled { color: #fff; background-color: var(--secondary); border-color: var(--secondary); }
				.rvw-btn-secondary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-secondary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-secondary.rvw-dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: #4e555b; }
				.rvw-btn-secondary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-secondary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-secondary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); }
				.rvw-btn-info { color: #fff !important; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-info:focus, .rvw-btn-info.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); }
				.rvw-btn-info.rvw-disabled, .rvw-btn-info:rvw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-info:not(:disabled):not(.rvw-disabled):active, .rvw-btn-info:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-info.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-info:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-info:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-info.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); }
				.rvw-btn-outline-primary { color: var(--primary); border-color: var(--primary); }
				.rvw-btn-outline-primary:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-outline-primary:focus, .rvw-btn-outline-primary.rvw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); }
				.rvw-btn-outline-primary.rvw-disabled, .rvw-btn-outline-primary:disabled { color: var(--primary); background-color: transparent; }
				.rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-primary.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-primary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); }
				.rvw-btn-outline-secondary { color: var(--secondary); border-color: var(--secondary); }
				.rvw-btn-outline-secondary:hover { color: #fff; background-color: var(--secondary); border-color: var(--secondary); }
				.rvw-btn-outline-secondary:focus, .rvw-btn-outline-secondary.rvw-focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); }
				.rvw-btn-outline-secondary.rvw-disabled, .rvw-btn-outline-secondary:disabled { color: var(--secondary); background-color: transparent; }
				.rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-secondary.rvw-dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: var(--secondary); }
				.rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-secondary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); }
				.rvw-btn-outline-info { color: var(--primary); background-color: transparent; background-image: none; border-color: var(--primary); }
				.rvw-btn-outline-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-outline-info:focus, .rvw-btn-outline-info.rvw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); }
				.rvw-btn-outline-info.rvw-disabled, .rvw-btn-outline-info:disabled { color: var(--primary); background-color: transparent; }
				.rvw-btn-outline-info:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-info.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-btn-outline-info:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-info.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); }
				.rvw-form-control:focus { color: #495057; background-color: #fff; border-color: var(--primary); box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); }
				.rvw-form-control::placeholder { color: var(--secondary); }
				.rvw-form-control-plaintext { color: var(--body-text); }
				.rvw-form-check-input:disabled ~ .form-check-label { color: var(--secondary); }
				.rvw-nav-link.disabled { color: var(--secondary); }
				.rvw-nav-tabs { border-bottom: 1px solid #dee2e6; }
				.rvw-nav-tabs .rvw-nav-link:hover, .rvw-nav-tabs .rvw-nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }
				.rvw-nav-tabs .rvw-nav-link.rvw-disabled { color: var(--secondary); background-color: transparent; border-color: transparent; }
				.rvw-nav-tabs .rvw-nav-link.rvw-active, .rvw-nav-tabs .rvw-nav-item.show .rvw-nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }
				.rvw-nav-pills .rvw-nav-link.rvw-active, .rvw-nav-pills .rvw-show > .rvw-nav-link { background-color: var(--primary); color: #fff; }
				.rvw-page-link { color: var(--primary); background-color: #fff; border: 1px solid #dee2e6; }
				.rvw-page-link:hover { color: var(--primary); background-color: #e9ecef; border-color: #dee2e6; }
				.rvw-page-link:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); }
				.rvw-page-item.rvw-active .rvw-page-link { color: #fff; background-color: var(--primary); border-color: var(--primary); }
				.rvw-page-item.rvw-disabled .rvw-page-link { color: var(--secondary); background-color: #fff; border-color: #dee2e6; }
				.rvw-typeahead-item-active { background-color: var(--primary); color: #fff; }
	
	

Rentvine Plugin Filters

You can add filters in the backend of the site if you go to edit the plugin and add the following in the JSON filters section

Filter Options
  • propertyGroupIDs
    • This is where the Rentvine client will create a group and apply it to a specific set of properties that will allow us to filter.
      • Go into their Rentvine account and under the settings, click on property groups and then once you select on the property group, you’ll see the property group number in the URL
      • Rentvine Property Group
  • propertyTypeIDs
    • Filtering by Single Family Homes, Apartment, Commercial, Mobile Home, Etc.
  • search
    • Filtering for cities and other text filters

Example:

{ "propertyGroupIDs": "3" }

Example:

{ "propertyTypeIDs": [9] }

Example:

{ "search" : "Kearney" }

Rentvine Property Types:

RV Property Types

Rentvine Syndication:

Syndication List

Rentvine Property Types:

Syndication List