👋
Learn a little bit more about the Business Types that are shown on your Ordering App & Ordering Website.




This feature is very helpful in case you have more than one type of business. But what happens when you only have one type of business or the business you have are not the same that in our demos?

In the case, you only have one business type is so easy to remove this feature, just go to your builder and in the section of settings search for the Business Type checkbox.

If it's enabled then will show the business type bar, otherwise just show all the stores.

If you want to show your business types, but with other names, just go to your editor and change the names in the settings language section.


If want to delete only a few business types you need to use the search and replace section (learn how to use it in this article) with the following parameters (in this example we're deleting the Alcohol section):

FOR THE ORDERING WEB:

NAME: Remove alcohol business type
FILE: templates/web1/order-rest-search.html
SEARCH:

        <li>

          <a href="#" data-ng-class="{'active': filterBusinessType == 'food'}" data-ng-click="selectBusinessType($event, 'food')">{{MLanguages.BUSINESS_TYPE_FOOD}}</a>

        </li>

        <li>

          <a href="#" data-ng-class="{'active': filterBusinessType == 'alcohol'}" data-ng-click="selectBusinessType($event, 'alcohol')">{{MLanguages.BUSINESS_TYPE_ALCOHOL}}</a>

        </li>

        <li>

          <a href="#" data-ng-class="{'active': filterBusinessType == 'groceries'}" data-ng-click="selectBusinessType($event, 'groceries')">{{MLanguages.BUSINESS_TYPE_GROCERIES}}</a>

        </li>

        <li>

          <a href="#" data-ng-class="{'active': filterBusinessType == 'laundry'}" data-ng-click="selectBusinessType($event, 'laundry')">{{MLanguages.BUSINESS_TYPE_LAUNDRY}}</a>

        </li>


REPLACE:

        <li>

          <a href="#" data-ng-class="{'active': filterBusinessType == 'food'}" data-ng-click="selectBusinessType($event, 'food')">{{MLanguages.BUSINESS_TYPE_FOOD}}</a>

        </li>

        <li>

          <a href="#" data-ng-class="{'active': filterBusinessType == 'groceries'}" data-ng-click="selectBusinessType($event, 'groceries')">{{MLanguages.BUSINESS_TYPE_GROCERIES}}</a>

        </li>

        <li>

          <a href="#" data-ng-class="{'active': filterBusinessType == 'laundry'}" data-ng-click="selectBusinessType($event, 'laundry')">{{MLanguages.BUSINESS_TYPE_LAUNDRY}}</a>

        </li>

FOR THE ORDERING APP:

NAME: Remove alcohol business type
FILE: templates/app1/order-rest-search.html
SEARCH:

            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'food'}" ng-click="selectBusinessType($event, 'food')">

                {{MLanguages.BUSINESS_TYPE_FOOD}}

            </a>

            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'alcohol'}" ng-click="selectBusinessType($event, 'alcohol')">

                {{MLanguages.BUSINESS_TYPE_ALCOHOL}}

            </a>

            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'groceries'}" ng-click="selectBusinessType($event, 'groceries')">

                {{MLanguages.BUSINESS_TYPE_GROCERIES}}

            </a>

            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'laundry'}" ng-click="selectBusinessType($event, 'laundry')">

                {{MLanguages.BUSINESS_TYPE_LAUNDRY}}

            </a>

REPLACE:

            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'food'}" ng-click="selectBusinessType($event, 'food')">

                {{MLanguages.BUSINESS_TYPE_FOOD}}

            </a>

            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'groceries'}" ng-click="selectBusinessType($event, 'groceries')">

                {{MLanguages.BUSINESS_TYPE_GROCERIES}}

            </a>

            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'laundry'}" ng-click="selectBusinessType($event, 'laundry')">

                {{MLanguages.BUSINESS_TYPE_LAUNDRY}}

            </a>


Remove all categories from your website and Ordering App you need to use the search and replace section (learn how to use it in this article) with the following parameters.

For Ordering Web:

Name: Remove all business types
File: templates/web/views/order-rest-search.html
Search:

<ul class="nav nav-tabs inline hidden-xs">
        <li>
          <a class="active" href="#" data-ng-class="{'active': filterBusinessType == ''}" data-ng-click="selectBusinessType($event, '')">{{translate('MOBILE_MENU_LIST_ALL')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'food'}" data-ng-click="selectBusinessType($event, 'food')">{{translate('BUSINESS_TYPE_FOOD')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'alcohol'}" data-ng-click="selectBusinessType($event, 'alcohol')">{{translate('BUSINESS_TYPE_ALCOHOL')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'groceries'}" data-ng-click="selectBusinessType($event, 'groceries')">{{translate('BUSINESS_TYPE_GROCERIES')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'laundry'}" data-ng-click="selectBusinessType($event, 'laundry')">{{translate('BUSINESS_TYPE_LAUNDRY')}}</a>
        </li>
      </ul>

Replace:

<!-- <ul class="nav nav-tabs inline hidden-xs">
       <li>
          <a class="active" href="#" data-ng-class="{'active': filterBusinessType == ''}" data-ng-click="selectBusinessType($event, '')">{{translate('MOBILE_MENU_LIST_ALL')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'food'}" data-ng-click="selectBusinessType($event, 'food')">{{translate('BUSINESS_TYPE_FOOD')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'alcohol'}" data-ng-click="selectBusinessType($event, 'alcohol')">{{translate('BUSINESS_TYPE_ALCOHOL')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'groceries'}" data-ng-click="selectBusinessType($event, 'groceries')">{{translate('BUSINESS_TYPE_GROCERIES')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'laundry'}" data-ng-click="selectBusinessType($event, 'laundry')">{{translate('BUSINESS_TYPE_LAUNDRY')}}</a>
        </li>
      </ul> -->

To remove business types to mobile devices you need to add this new change on the Search and Replace option.

Name: Remove all business types mobile view.
File: templates/web/views/order-rest-search.html
Search:

<ul class="nav nav-tabs inline visible-xs-block">
        <li>
          <a class="active" href="#" data-ng-class="{'active': filterBusinessType == ''}" data-ng-click="selectBusinessType($event, '')">{{translate('MOBILE_MENU_LIST_ALL')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'food'}" data-ng-click="selectBusinessType($event, 'food')">{{translate('BUSINESS_TYPE_FOOD')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'alcohol'}" data-ng-click="selectBusinessType($event, 'alcohol')">{{translate('BUSINESS_TYPE_ALCOHOL')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'groceries'}" data-ng-click="selectBusinessType($event, 'groceries')">{{translate('BUSINESS_TYPE_GROCERIES')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'laundry'}" data-ng-click="selectBusinessType($event, 'laundry')">{{translate('BUSINESS_TYPE_LAUNDRY')}}</a>
        </li>
      </ul>

Replace:

 <!-- <ul class="nav nav-tabs inline visible-xs-block">
        <li>
          <a class="active" href="#" data-ng-class="{'active': filterBusinessType == ''}" data-ng-click="selectBusinessType($event, '')">{{translate('MOBILE_MENU_LIST_ALL')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'food'}" data-ng-click="selectBusinessType($event, 'food')">{{translate('BUSINESS_TYPE_FOOD')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'alcohol'}" data-ng-click="selectBusinessType($event, 'alcohol')">{{translate('BUSINESS_TYPE_ALCOHOL')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'groceries'}" data-ng-click="selectBusinessType($event, 'groceries')">{{translate('BUSINESS_TYPE_GROCERIES')}}</a>
        </li>
        <li>
          <a href="#" data-ng-class="{'active': filterBusinessType == 'laundry'}" data-ng-click="selectBusinessType($event, 'laundry')">{{translate('BUSINESS_TYPE_LAUNDRY')}}</a>
        </li>
      </ul> -->

For Ordering App:

Name: Remove all business types.
File: templates/app/views/order-rest-search.html
Search:

<div class="tabs-striped tabs-top tabs-color-assertive">
        <div class="tabs">
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == ''}" ng-click="selectBusinessType($event, '')">
                {{translate('MOBILE_MENU_LIST_ALL')}}
            </a>
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'food'}" ng-click="selectBusinessType($event, 'food')">
                {{translate('BUSINESS_TYPE_FOOD')}}
            </a>
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'alcohol'}" ng-click="selectBusinessType($event, 'alcohol')">
                {{translate('BUSINESS_TYPE_ALCOHOL')}}
            </a>
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'groceries'}" ng-click="selectBusinessType($event, 'groceries')">
                {{translate('BUSINESS_TYPE_GROCERIES')}}
            </a>
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'laundry'}" ng-click="selectBusinessType($event, 'laundry')">
                {{translate('BUSINESS_TYPE_LAUNDRY')}}
            </a>
        </div>
    </div>
    <ion-content class="color-bg has-top-tabs">

Replace:

 <!-- <div class="tabs-striped tabs-top tabs-color-assertive">
        <div class="tabs">
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == ''}" ng-click="selectBusinessType($event, '')">
                {{translate('MOBILE_MENU_LIST_ALL')}}
            </a>
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'food'}" ng-click="selectBusinessType($event, 'food')">
                {{translate('BUSINESS_TYPE_FOOD')}}
            </a>
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'alcohol'}" ng-click="selectBusinessType($event, 'alcohol')">
                {{translate('BUSINESS_TYPE_ALCOHOL')}}
            </a>
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'groceries'}" ng-click="selectBusinessType($event, 'groceries')">
                {{translate('BUSINESS_TYPE_GROCERIES')}}
            </a>
            <a class="tab-item" href="#" ng-class="{'active': filterBusinessType == 'laundry'}" ng-click="selectBusinessType($event, 'laundry')">
                {{translate('BUSINESS_TYPE_LAUNDRY')}}
            </a>
        </div>
    </div> -->
    <ion-content class="color-bg">

Glad we can help.
Have a nice day.

Regards, Pol Zepeda.
Support Expert

Did this answer your question?