Title: View switcher with shortcode
Last modified: October 21, 2020

---

# View switcher with shortcode

 *  Resolved [emiubaldi](https://wordpress.org/support/users/emiubaldi/)
 * (@emiubaldi)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/view-switcher-with-shortcode/)
 * I wondered if it is possible to display the “**View Switcher**” or “**Listings
   Ordering by**” while using the shortcode `[auto_listings_listings]`.
 * This shortcode `[auto_listings_listings]` does not allow us to chose to display
   the listing as “grid” or “list,” moreover, to sort them by Most recent, Oldest,
   etc.
 * There are any tricks I can use? Maybe by adding an attribute on the shortcode?
 * Thanks for your help!

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [autolistings](https://wordpress.org/support/users/autolistings/)
 * (@autolistings)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/view-switcher-with-shortcode/#post-13565273)
 * Hi,
 * At the moment, you cannot add the “View Switcher” or “Listings Ordering by” into
   that shortcode. It requires some custom works.
 * Thank you.
 *  Thread Starter [emiubaldi](https://wordpress.org/support/users/emiubaldi/)
 * (@emiubaldi)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/view-switcher-with-shortcode/#post-13573094)
 * Thanks!
 * Finally I manually added this piece of script & HTML on my page and it worked,
   no as the native one located on the listing page but it does the job for me!
 *     ```
       <script>
       $(document).ready(function(){
       $("#list").click(function(){
         $(".auto-listings-items").removeClass("grid-view");
         $(".auto-listings-items").addClass("list-view");
       });
       $("#grid").click(function(){
         $(".auto-listings-items").removeClass("list-view");
         $(".auto-listings-items").addClass("grid-view");
       });
       });
       </script>
       ```
   
 * And
 *     ```
        <div class="auto-listings-view-switcher">
       	<div id="list" class="list"><i class="fa fa-list"></i></div>
       	<div id="grid" class="grid"><i class="fa fa-th"></i></div>
       </div>
       ```
   
 * Cheers!
    -  This reply was modified 5 years, 7 months ago by [emiubaldi](https://wordpress.org/support/users/emiubaldi/).
    -  This reply was modified 5 years, 7 months ago by [emiubaldi](https://wordpress.org/support/users/emiubaldi/).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘View switcher with shortcode’ is closed to new replies.

 * ![](https://ps.w.org/auto-listings/assets/icon-128x128.jpg?rev=1967501)
 * [Auto Listings - Car Listings & Car Dealership Plugin for WordPress](https://wordpress.org/plugins/auto-listings/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/auto-listings/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/auto-listings/)
 * [Active Topics](https://wordpress.org/support/plugin/auto-listings/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/auto-listings/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/auto-listings/reviews/)

## Tags

 * [shortcode](https://wordpress.org/support/topic-tag/shortcode/)

 * 2 replies
 * 2 participants
 * Last reply from: [emiubaldi](https://wordpress.org/support/users/emiubaldi/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/view-switcher-with-shortcode/#post-13573094)
 * Status: resolved