CarDealerPress

WordPress for car dealers

  • Home
    • LEARN MORE
  • Features
    • CarDealerPresss Overview
  • FAQ’s
    • LEARN MORE
  • Pricing
    • Automatic Imports Pricing
    • Manual Entry Pricing
    • Learn more about CarDealerPress
    • LEARN MORE
  • About Us
    • Blog
    • Contact Us
    • LEARN MORE
    • Privacy Policy
    • Cookie Policy
  • Support
    • Get Support
    • Plugins we use
    • Suggested WordPress Themes
    • LEARN MORE
You are here: Home / Academy / Inventory Plugin Tutorials / VDP tab order

VDP tab order

How to change the tab order of the Vehicle Detail/Comments box.

In some instances you may want to show the description of the vehicle before showing the equipment details of the vehicle, this code will switch the two tabs and display it as ‘Comments/Vehicle Detail’

Add this javascript code to your theme or a code plugin like “Scripts n Styles” place in the </body> section.

[cc lang=’javascript’ ]

/*changes description tabs order*/
jQuery(document).ready(function(){
if (jQuery(‘#armadillo-detail #armadillo-inventory-tabs #armadillo-description’).length){
jQuery(‘#armadillo-inventory-tabs’).tabs(‘destroy’);
jQuery(‘#armadillo-inventory-tabs ul li’).each(function(){
tab = jQuery(this);
if (tab.children().text().match(/comment/i) != null) {
first_tab = tab;
} else if (tab.children().text().match(/detail/i) != null) {
second_tab = tab;
}
});
jQuery(‘#armadillo-inventory-tabs ul’).html();
jQuery(‘#armadillo-inventory-tabs ul’).append( first_tab );
jQuery(‘#armadillo-inventory-tabs ul’).append( second_tab );
jQuery(‘#armadillo-inventory-tabs’).tabs();
}
});

[/cc]

Blog Categories

  • Automotive SEO (15)
  • Branding (7)
  • CarDealerPress updates (1)
  • Conversion (5)
  • Featured Websites (2)
  • Google Analytics (6)
  • Internet Marketing (17)
  • Inventory Plugin Updates (4)
  • myPages (3)
  • News and Reviews (4)
  • Reputation Management (7)
  • Tutorials (9)
  • WordPress (16)

Site Search

Copyright © 2002–2023 · DealerTrendTM