This guide was created with Scribe in 38 seconds. Sign in and create your own!
Avart | Mobile Menù
Martina Piangerelli |
0 step |
38 seconds
Navigate to [https://admin.shopify.com/store/avart-store-online/themes/130516713516/editor?section=sections--16036525965356__announcement](https://admin.shopify.com/store/avart-store-online/themes/130516713516/editor?section=sections--16036525965356__announcement)
2
Click this button.
Zoom Saved
3
Set the color scheme for this section.
Zoom Saved
4
Choose the menu, which can be different from the one shown in the desktop header if needed.
Zoom Saved
5
Choose whether to display the texts in uppercase.
Zoom Saved
6
Click "Salva"
Zoom Saved
Now let's see how to display images in the desired menu items.
7
Click here.
Zoom Saved
8
Select the collection (or any linked item in the menu) corresponding to the menu item for which we want to display the image in the mobile menu.
Zoom Saved
9
For example, the collection named "Home Page."
Zoom Saved
10
Choose the image you want to display in the menu and select "true" for "Show image on mobile."
Zoom Saved
11
Save
Zoom Saved
Let's see how to display a search bar and alphabetical navigation within a menu item.
12
Go to the online store
Zoom Saved
13
Click "Pages"
Zoom Saved
14
Choose the page. In this example, let's choose "Brands," but you might want to display a search bar for any other element like a product, a collection, etc.
Zoom Saved
15
Show all metafields
Zoom Saved
16
Set the metafield named "Show search bar" to true.
Zoom Saved
Have something to say?Create an account to leave messages for the author to see!Create an account
Feedback
This Scribe is in tip-top shape!Leave feedback if there are any issues with this Scribe