AutoPlay VDP ( Vehicle Display Page) Style Guide
Overview
Below is a stepped guide as to the colour editable options of the VDP Page. Some of these elements below control the colours in multiple areas across the different pages, so please apply these carefully. The headers below are taken directly from the CSS file options
Options that are being affected are highlighted in Pink through the series of screenshots.
generalTextColor
Search Page: Reset Filters Link
ctaTextColor
generalFillColor
Detail Page: Anchor point icons
backgroundHoverColor
borderColor
backgroundColor
Search Page: Favourites button fill and Heart icon
Search Page: Pagination button fill
borderColorLight
backgroundColorLight:
generalTextColorLight
generalTextColorVeryLight
borderColorDark
backgroundDark
generalTextColorDark
bodyColor
saleBanner
Search Page: Special Banner
searchFilterLabels
Search Page: Filter Labels, Filter Chevrons and Sort By text
searchFilterText
Search Page: Search box text, Sort options
searchButtonFillText
Search Page: Search box Selected options text
searchButtonFill
Search Page: Search box selected option fill
searchButtonText
searchButtonBorder
Search Page: Search Option Bubble border
searchGridBorder
Search Page: Search box grid border
searchResultCountColor
Search Page: Search Results Count
vehicleCardBorder
Search Page: Vehicle Search card and Favourites border
Detail Page: Favourites Border
vehicleKeywordBorder
Search Page: Vehicle Key Info Bubble border
vehicleKeywordText
Search Page: Vehicle Key Info text
vehicleTitleText
Search Page: Vehicle Title
Detail Page: Vehicle Title
vehicleVariantText
Search Page: Vehicle Variant
Detail Page: Vehicle variant'
vehiclePrice
Search Page: Vehicle Price
Detail Page: Vehicle price
vehiclePriceSpecial
Search Page: Vehicle Special price
Detail Page: Vehicle special price
vehiclePriceORC
vehicleIconColor
Detail Page: Vehicle Icons
insertBackgroundColor
Search Page: Price box shadow
Detail Page: Icon box shadow and insert shadow
imageSliderControlsBackground
Search Page: Image Controls
Detail Page: Image Controls
enquiryButtonBackgroundColor
Search Page: Enquire button Fill
Detail Page: Enquire button fill
enquiryButtonText
Search Page: Enquire Button text
Detail Page: Enquire button text
detailsButtonBorder
Search Page: Details button border
Detail Page: CTA Button border
detailsButtonText
Search Page: Details button text
Detail Page: CTA Button text
linkText
Detail Page: Back button and breadcrumb text
Detail Page: Anchor Point text
vehicleDetailsHeader
Detail Page: Anchor header text
vehicleDetailsIconHeaderText
Detail Page: Specification header text
vehicleDetailsText
Detail Page: Vehicle Specification data, Features text and Description text
vehicleDetailsSecondaryHeader
Detail Page: Insert header text
vehicleDetailsTableHeader
Detail Page: Insert data table headers
vehicleDetailsTableText
Detail Page: Insert text
vehicleStarRatingsColor
Detail Page: Fuel Star rating
altColorOne
Custom future requirement option - not used.
altColorTwo
Custom future requirement option - not used.
altColorThree
Custom future requirement option - not used.
altColorFour
Custom future requirement option - not used.
altColorFive
Custom future requirement option - not used.
Related Articles
AutoPlay VDP (Vehicle Display Page) Provisioning
Overview The AutoPlay VDP Pages are the next evolution from the APSR pages that are on many AutoPlay data clients websites. The VDP pages have been refreshed and modernised to offer a much more configurable experience to complement dealership ...How To Customise Listing Display Rules By OEM/Distributor
For selected Dealer Networks it is possible for AutoPlayAuto.com Listing screens to be customised to suit that dealer network requirements. This functionality can be applied either to a single AutoPlay account, or to an entire dealership network. ...Trade Me Export Vehicle Selection
Overview AutoPlay has a unique export option for the Trade Me listing site that will allow a dealership to manually select which listings are being exported at any time. This can be managed directly from its own dashboard screen or from within the ...AutoGrab Listing Valuations - Now Available Via AutoPlay
Provisioning AutoGrab Inventory Valuations If you are a customer of AutoGrab you can now get real time assistance with your pricing strategy by utilizing AutoGrab's Inventory Pricing Tool via AutoPlayAuto.com. To provision AutoGrab Inventory/Listing ...How To Manage Default Comments
Default Comments are text comments that can be automatically added to every listing in AutoPlayAuto.com in addition to any comment added to the individual listing. You can added Default Comments in several ways. 1. My Company Default Comments - Text ...