diff --git a/cookbook/forms.py b/cookbook/forms.py
index 2d7e957bc..da86d6ecd 100644
--- a/cookbook/forms.py
+++ b/cookbook/forms.py
@@ -478,7 +478,8 @@ class ShoppingPreferenceForm(forms.ModelForm):
         model = UserPreference
 
         fields = (
-            'shopping_share', 'shopping_auto_sync', 'mealplan_autoadd_shopping', 'mealplan_autoexclude_onhand', 'default_delay'
+            'shopping_share', 'shopping_auto_sync', 'mealplan_autoadd_shopping', 'mealplan_autoexclude_onhand',
+            'mealplan_autoinclude_related', 'default_delay', 'filter_to_supermarket'
         )
 
         help_texts = {
@@ -489,14 +490,18 @@ class ShoppingPreferenceForm(forms.ModelForm):
             ),
             'mealplan_autoadd_shopping': _('Automatically add meal plan ingredients to shopping list.'),
             'mealplan_autoexclude_onhand': _('When automatically adding a meal plan to the shopping list, exclude ingredients that are on hand.'),
+            'mealplan_autoinclude_related': _('When automatically adding a meal plan to the shopping list, include all related recipes.'),
             'default_delay': _('Default number of hours to delay a shopping list entry.'),
+            'filter_to_supermarket': _('Filter shopping list to only include supermarket categories.'),
         }
         labels = {
             'shopping_share': _('Share Shopping List'),
             'shopping_auto_sync': _('Autosync'),
             'mealplan_autoadd_shopping': _('Auto Add Meal Plan'),
             'mealplan_autoexclude_onhand': _('Exclude On Hand'),
+            'mealplan_autoinclude_related': _('Include Related'),
             'default_delay': _('Default Delay Hours'),
+            'filter_to_supermarket': _('Filter to Supermarket'),
         }
 
         widgets = {
diff --git a/cookbook/migrations/0159_add_shoppinglistentry_fields.py b/cookbook/migrations/0159_add_shoppinglistentry_fields.py
index a002095b1..a752925ce 100644
--- a/cookbook/migrations/0159_add_shoppinglistentry_fields.py
+++ b/cookbook/migrations/0159_add_shoppinglistentry_fields.py
@@ -152,5 +152,10 @@ class Migration(migrations.Migration):
             name='shopping_recent_days',
             field=models.PositiveIntegerField(default=7),
         ),
+        migrations.AddField(
+            model_name='userpreference',
+            name='filter_to_supermarket',
+            field=models.BooleanField(default=False),
+        ),
         migrations.RunPython(copy_values_to_sle),
     ]
diff --git a/cookbook/models.py b/cookbook/models.py
index 84907cfa5..44a1f414a 100644
--- a/cookbook/models.py
+++ b/cookbook/models.py
@@ -329,6 +329,7 @@ class UserPreference(models.Model, PermissionModelMixin):
     mealplan_autoadd_shopping = models.BooleanField(default=False)
     mealplan_autoexclude_onhand = models.BooleanField(default=True)
     mealplan_autoinclude_related = models.BooleanField(default=True)
+    filter_to_supermarket = models.BooleanField(default=False)
     default_delay = models.IntegerField(default=4)
 
     created_at = models.DateTimeField(auto_now_add=True)
diff --git a/cookbook/serializer.py b/cookbook/serializer.py
index b5049d6cb..b2b6a22b0 100644
--- a/cookbook/serializer.py
+++ b/cookbook/serializer.py
@@ -162,7 +162,8 @@ class UserPreferenceSerializer(serializers.ModelSerializer):
         fields = (
             'user', 'theme', 'nav_color', 'default_unit', 'default_page',
             'search_style', 'show_recent', 'plan_share', 'ingredient_decimals',
-            'comments', 'shopping_auto_sync', 'mealplan_autoadd_shopping', 'food_ignore_default', 'default_delay'
+            'comments', 'shopping_auto_sync', 'mealplan_autoadd_shopping', 'food_ignore_default', 'default_delay',
+            'mealplan_autoinclude_related', 'mealplan_autoexclude_onhand', 'shopping_share'
         )
 
 
diff --git a/cookbook/views/views.py b/cookbook/views/views.py
index ab526747e..0eb2a4852 100644
--- a/cookbook/views/views.py
+++ b/cookbook/views/views.py
@@ -385,6 +385,7 @@ def user_settings(request):
                 up.mealplan_autoexclude_onhand = shopping_form.cleaned_data['mealplan_autoexclude_onhand']
                 up.mealplan_autoinclude_related = shopping_form.cleaned_data['mealplan_autoinclude_related']
                 up.shopping_auto_sync = shopping_form.cleaned_data['shopping_auto_sync']
+                up.filter_to_supermarket = shopping_form.cleaned_data['filter_to_supermarket']
                 up.default_delay = shopping_form.cleaned_data['default_delay']
                 if up.shopping_auto_sync < settings.SHOPPING_MIN_AUTOSYNC_INTERVAL:
                     up.shopping_auto_sync = settings.SHOPPING_MIN_AUTOSYNC_INTERVAL
diff --git a/vue/src/apps/ShoppingListView/ShoppingListView.vue b/vue/src/apps/ShoppingListView/ShoppingListView.vue
index feef92b9f..3e93d30bc 100644
--- a/vue/src/apps/ShoppingListView/ShoppingListView.vue
+++ b/vue/src/apps/ShoppingListView/ShoppingListView.vue
@@ -1,8 +1,6 @@
 <template>
-    <!-- add alert at top if offline -->
-    <!-- get autosync time from preferences and put fetching checked items on timer -->
     <div id="app" style="margin-bottom: 4vh">
-        <b-alert :show="online" dismissible class="small float-up" variant="warning">{{ $t("OfflineAlert") }}</b-alert>
+        <b-alert :show="!online" dismissible class="small float-up" variant="warning">{{ $t("OfflineAlert") }}</b-alert>
         <div class="row  float-top">
             <div class="offset-md-10 col-md-2 no-gutter text-right">
                 <b-button variant="link" class="px-0">
@@ -13,7 +11,9 @@
                 </b-button>
             </div>
         </div>
+
         <b-tabs content-class="mt-3">
+            <!-- shopping list tab -->
             <b-tab :title="$t('ShoppingList')" active>
                 <template #title> <b-spinner v-if="loading" type="border" small></b-spinner> {{ $t("ShoppingList") }} </template>
                 <div class="container">
@@ -82,6 +82,7 @@
                     </div>
                 </div>
             </b-tab>
+            <!-- recipe tab -->
             <b-tab :title="$t('Recipes')">
                 <table class="table w-75">
                     <thead>
@@ -104,15 +105,124 @@
                     </tr>
                 </table>
             </b-tab>
+            <!-- settings tab -->
             <b-tab :title="$t('Settings')">
-                These are the settings <br />-sort supermarket categories<br />
-                -add supermarket categories<br />
-                - add supermarkets autosync time<br />
-                autosync on/off<br />
-                always restrict supermarket to categories?<br />
-                when restricted or filterd - give visual indication<br />
-                how long to defer shopping - default tomorrow <br />
-                always override inheritance
+                <div class="row">
+                    <div class="col col-md-4 ">
+                        <b-card class="no-body">
+                            <div class="row">
+                                <div class="col col-md-6">{{ $t("mealplan_autoadd_shopping") }}</div>
+                                <div class="col col-md-6 text-right">
+                                    <input type="checkbox" size="sm" v-model="settings.mealplan_autoadd_shopping" @change="saveSettings" />
+                                </div>
+                            </div>
+                            <div class="row sm mb-3">
+                                <div class="col">
+                                    <em class="small text-muted">{{ $t("mealplan_autoadd_shopping_desc") }}</em>
+                                </div>
+                            </div>
+                            <div v-if="settings.mealplan_autoadd_shopping">
+                                <div class="row">
+                                    <div class="col col-md-6">{{ $t("mealplan_autoadd_shopping") }}</div>
+                                    <div class="col col-md-6 text-right">
+                                        <input type="checkbox" size="sm" v-model="settings.mealplan_autoexclude_onhand" @change="saveSettings" />
+                                    </div>
+                                </div>
+                                <div class="row sm mb-3">
+                                    <div class="col">
+                                        <em class="small text-muted">{{ $t("mealplan_autoadd_shopping_desc") }}</em>
+                                    </div>
+                                </div>
+                            </div>
+                            <div v-if="settings.mealplan_autoadd_shopping">
+                                <div class="row">
+                                    <div class="col col-md-6">{{ $t("mealplan_autoinclude_related") }}</div>
+                                    <div class="col col-md-6 text-right">
+                                        <input type="checkbox" size="sm" v-model="settings.mealplan_autoinclude_related" @change="saveSettings" />
+                                    </div>
+                                </div>
+                                <div class="row sm mb-3">
+                                    <div class="col">
+                                        <em class="small text-muted">
+                                            {{ $t("mealplan_autoinclude_related_desc") }}
+                                        </em>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col col-md-6">{{ $t("shopping_share") }}</div>
+                                <div class="col col-md-6 text-right">
+                                    <generic-multiselect
+                                        size="sm"
+                                        @change="
+                                            settings.shopping_share = $event.val
+                                            saveSettings()
+                                        "
+                                        :model="Models.USER"
+                                        :initial_selection="settings.shopping_share"
+                                        label="username"
+                                        :multiple="true"
+                                        :allow_create="false"
+                                        style="flex-grow: 1; flex-shrink: 1; flex-basis: 0"
+                                        :placeholder="$t('User')"
+                                    />
+                                </div>
+                            </div>
+                            <div class="row sm mb-3">
+                                <div class="col">
+                                    <em class="small text-muted">{{ $t("shopping_share_desc") }}</em>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col col-md-6">{{ $t("shopping_auto_sync") }}</div>
+                                <div class="col col-md-6 text-right">
+                                    <input type="number" size="sm" v-model="settings.shopping_auto_sync" @change="saveSettings" />
+                                </div>
+                            </div>
+                            <div class="row sm mb-3">
+                                <div class="col">
+                                    <em class="small text-muted">
+                                        {{ $t("shopping_auto_sync_desc") }}
+                                    </em>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col col-md-6">{{ $t("filter_to_supermarket") }}</div>
+                                <div class="col col-md-6 text-right">
+                                    <input type="checkbox" size="sm" v-model="settings.filter_to_supermarket" @change="saveSettings" />
+                                </div>
+                            </div>
+                            <div class="row sm mb-3">
+                                <div class="col">
+                                    <em class="small text-muted">
+                                        {{ $t("filter_to_supermarket_desc") }}
+                                    </em>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col col-md-6">{{ $t("default_delay") }}</div>
+                                <div class="col col-md-6 text-right">
+                                    <input type="number" size="sm" min="1" v-model="settings.default_delay" @change="saveSettings" />
+                                </div>
+                            </div>
+                            <div class="row sm mb-3">
+                                <div class="col">
+                                    <em class="small text-muted">
+                                        {{ $t("default_delay_desc") }}
+                                    </em>
+                                </div>
+                            </div>
+                        </b-card>
+                    </div>
+                    <div class="col col-md-8">
+                        <b-card class=" no-body">
+                            put the supermarket stuff here<br />
+                            -add supermarkets<br />
+                            -add supermarket categories<br />
+                            -sort supermarket categories<br />
+                        </b-card>
+                    </div>
+                </div>
             </b-tab>
         </b-tabs>
         <b-popover target="id_filters_button" triggers="click" placement="bottomleft" :title="$t('Filters')">
@@ -133,9 +243,10 @@
                     <b-form-checkbox v-model="supermarket_categories_only"></b-form-checkbox>
                 </b-form-group>
             </div>
-            <div class="row" style="margin-top: 1vh;min-width:300px">
-                <div class="col-12" style="text-align: right;">
-                    <b-button size="sm" variant="secondary" style="margin-right:20px" @click="$root.$emit('bv::hide::popover')">{{ $t("Close") }} </b-button>
+            <div class="row " style="margin-top: 1vh;min-width:300px">
+                <div class="col-12 " style="text-align: right;">
+                    <b-button size="sm" variant="primary" class="mx-1" @click="resetFilters">{{ $t("Reset") }} </b-button>
+                    <b-button size="sm" variant="secondary" class="mr-3" @click="$root.$emit('bv::hide::popover')">{{ $t("Close") }} </b-button>
                 </div>
             </div>
         </b-popover>
@@ -238,7 +349,15 @@ export default {
             supermarket_categories_only: false,
             shopcat: null,
             delay: 0,
-            autosync: 0,
+            settings: {
+                shopping_auto_sync: 0,
+                default_delay: 4,
+                mealplan_autoadd_shopping: false,
+                mealplan_autoinclude_related: false,
+                mealplan_autoexclude_onhand: true,
+                filter_to_supermarket: false,
+            },
+
             autosync_id: undefined,
             auto_sync_running: false,
             show_delay: false,
@@ -282,16 +401,16 @@ export default {
                 shopping_list = shopping_list.filter((x) => x?.food?.supermarket_category)
             }
 
-            const groups = { false: {}, true: {} } // force unchecked to always be first
+            let groups = { false: {}, true: {} } // force unchecked to always be first
             if (this.selected_supermarket) {
                 let super_cats = this.supermarkets
                     .filter((x) => x.id === this.selected_supermarket)
                     .map((x) => x.category_to_supermarket)
                     .flat()
                     .map((x) => x.category.name)
-                new Set([...super_cats, ...this.shopping_categories.map((x) => x.name)]).foreach((cat) => {
-                    groups.false[cat.name] = {}
-                    groups.true[cat.name] = {}
+                new Set([...super_cats, ...this.shopping_categories.map((x) => x.name)]).forEach((cat) => {
+                    groups["false"][cat.name] = {}
+                    groups["true"][cat.name] = {}
                 })
             } else {
                 this.shopping_categories.forEach((cat) => {
@@ -324,7 +443,7 @@ export default {
             return this.items.filter((x) => !x.delay_until || !Date.parse(x?.delay_until) > new Date(Date.now())).length < this.items.length
         },
         filterApplied() {
-            return (this.itemsDelayed && !this.show_delay) || !this.show_undefined_categories || this.supermarket_categories_only
+            return (this.itemsDelayed && !this.show_delay) || !this.show_undefined_categories || (this.supermarket_categories_only && this.selected_supermarket)
         },
         Recipes() {
             return [...new Map(this.items.filter((x) => x.list_recipe).map((item) => [item["list_recipe"], item])).values()]
@@ -332,9 +451,12 @@ export default {
     },
     watch: {
         selected_supermarket(newVal, oldVal) {
-            this.getShoppingList()
+            this.supermarket_categories_only = this.settings.filter_to_supermarket
         },
-        autosync(newVal, oldVal) {
+        "settings.filter_to_supermarket": function(newVal, oldVal) {
+            this.supermarket_categories_only = this.settings.filter_to_supermarket
+        },
+        "settings.shopping_auto_sync": function(newVal, oldVal) {
             clearInterval(this.autosync_id)
             this.autosync_id = undefined
             if (!newVal) {
@@ -342,26 +464,26 @@ export default {
                 window.removeEventListener("offline", this.updateOnlineStatus)
                 return
             } else if (oldVal === 0 && newVal > 0) {
-                console.log("adding listener")
                 window.addEventListener("online", this.updateOnlineStatus)
                 window.addEventListener("offline", this.updateOnlineStatus)
             }
             this.autosync_id = setInterval(() => {
                 if (this.online && !this.auto_sync_running) {
-                    console.log("interval", this.online && !this.auto_sync_running)
                     this.auto_sync_running = true
                     this.getShoppingList(true)
                 }
-            }, this.autosync * 1000)
+            }, this.settings.shopping_auto_sync * 1000)
         },
     },
     mounted() {
         this.getShoppingList()
         this.getSupermarkets()
         this.getShoppingCategories()
-        this.delay = getUserPreference("default_delay") || 4
-        this.autosync = getUserPreference("shopping_auto_sync")
-        if (this.autosync) {
+
+        this.settings = getUserPreference()
+        this.delay = this.settings.default_delay || 4
+        this.supermarket_categories_only = this.settings.filter_to_supermarket
+        if (this.settings.shopping_auto_sync) {
             window.addEventListener("online", this.updateOnlineStatus)
             window.addEventListener("offline", this.updateOnlineStatus)
         }
@@ -388,6 +510,13 @@ export default {
         categoryName: function(value) {
             return this.shopping_categories.filter((x) => x.id == value)[0]?.name ?? ""
         },
+        resetFilters: function() {
+            this.selected_supermarket = undefined
+            this.supermarket_categories_only = this.settings.filter_to_supermarket
+            this.show_undefined_categories = true
+            this.group_by = "category"
+            this.show_delay = false
+        },
         delayThis: function(item) {
             let entries = []
             let promises = []
@@ -476,7 +605,9 @@ export default {
                 })
                 .catch((err) => {
                     console.log(err)
-                    StandardToasts.makeStandardToast(StandardToasts.FAIL_FETCH)
+                    if (!autosync) {
+                        StandardToasts.makeStandardToast(StandardToasts.FAIL_FETCH)
+                    }
                 })
         },
         getSupermarkets: function() {
@@ -496,7 +627,6 @@ export default {
             this.updateFood(food, "ignore_shopping")
         },
         mergeShoppingList: function(data) {
-            console.log(data)
             this.items.map((x) =>
                 data.map((y) => {
                     if (y.id === x.id) {
@@ -541,6 +671,17 @@ export default {
             this.shopcat = value?.food?.supermarket_category?.id ?? value?.[0]?.food?.supermarket_category?.id ?? undefined
             this.$refs.menu.open(e, value)
         },
+        saveSettings: function() {
+            let api = ApiApiFactory()
+            api.partialUpdateUserPreference(this.settings.user, this.settings)
+                .then((result) => {
+                    StandardToasts.makeStandardToast(StandardToasts.SUCCESS_UPDATE)
+                })
+                .catch((err) => {
+                    console.log(err)
+                    StandardToasts.makeStandardToast(StandardToasts.FAIL_UPDATE)
+                })
+        },
         saveThis: function(thisItem, toast = true) {
             let api = new ApiApiFactory()
             if (!thisItem?.id) {
diff --git a/vue/src/utils/models.js b/vue/src/utils/models.js
index aec7d8466..312e6cc91 100644
--- a/vue/src/utils/models.js
+++ b/vue/src/utils/models.js
@@ -74,18 +74,7 @@ export class Models {
         // REQUIRED: unordered array of fields that can be set during create
         create: {
             // if not defined partialUpdate will use the same parameters, prepending 'id'
-            params: [
-                [
-                    "name",
-                    "description",
-                    "recipe",
-                    "ignore_shopping",
-                    "supermarket_category",
-                    "on_hand",
-                    "inherit",
-                    "ignore_inherit",
-                ],
-            ],
+            params: [["name", "description", "recipe", "ignore_shopping", "supermarket_category", "on_hand", "inherit", "ignore_inherit"]],
 
             form: {
                 name: {
@@ -418,23 +407,7 @@ export class Models {
         name: i18n.t("Recipe"),
         apiName: "Recipe",
         list: {
-            params: [
-                "query",
-                "keywords",
-                "foods",
-                "units",
-                "rating",
-                "books",
-                "keywordsOr",
-                "foodsOr",
-                "booksOr",
-                "internal",
-                "random",
-                "_new",
-                "page",
-                "pageSize",
-                "options",
-            ],
+            params: ["query", "keywords", "foods", "units", "rating", "books", "keywordsOr", "foodsOr", "booksOr", "internal", "random", "_new", "page", "pageSize", "options"],
             // 'config': {
             //     'foods': {'type': 'string'},
             //     'keywords': {'type': 'string'},