Design Options

In this section, you can choose the style of your app. You can personalize the colors, logos, and images to construct an app that uniquely represents your brand. On the right, you can see a preview of how the app will appear.

In this section you can customize the layouts of the main views of your Shoppy app. Watch the tutorial below to see how this can be done on your Shoppy Dashboard:

Catalogue Layout

With this selector you can choose the layout of your app's catalogue view. You can choose between:

• Image Layout: the collections are shown with their image as the main focal point, each listed under the other.

• List Layout: collections are shown in a list with only their name. If there are sub-menus, they can be opened below with a drop-down menu.

• Mixed Layout: the main collections are shown in a list with their name on the left and the collection image on the right. If there are sub-menus, they are displayed on a new page in a list with a slightly different layout, featuring the image on the left and the collection title on the right.

Wishlist Layout

In this section you can choose the layout for the wishlist:

• Grid Layout: products are displayed in a grid.

• List Layout: products are displayed in a list.

Filter Layouts

In this section you can choose to show the filters in a modal or full-screen view:

• Modal Screen View: the filters are shown to the users in a modal view that partially covers the view of the collections.

• Full-Screen View: the filters are shown to users in a full-screen view.

Product Page Layouts

In this section you can modify the dimensions of the images of products.

• Original: the images of the products are shown in the Shoppy's standard rectangular style.

• Custom Dimensions: the images of the products are shown in a square format (1:1), rectangular format (4:3), or with a longer width than the default option (4:5).

Store logo

Here you can insert your store's logo, which will appear at the top of the homepage navigation bar and on the login and signup pages.

Splash Image

Insert the first image that users will see when they open your app.

Signup Image

Insert the background image for the registration screen.

Login Image

Insert the background image of the login screen.

Placeholder Image

Insert an image to be used as a placeholder when your products or collections don't have any other image.

Font

Here you can choose one of these fonts for your app:

• Poppins

• Archivo Narrow

• Comic Neue

• Lato

• Josefin Sans

• Playfair Display

Colors

Here you can set the colors of your app:

• Main Color: the principal color of the application that will be used for the call to actions and highlighted text.

• Secondary Color: the secondary color of the application is used as a background color of the tab and navigation bars.

• Icons Color: the color used on the majority of the icons present in the application.

Borders

You can choose whether to display borders around the images of the following elements: catlalogue, wishlist, profile, cart, news, product page, and product list.

Squared Corners

You can toggle this option on to change the corners of your widget's images from rounded to squared. This applies to all widgets as well as the catalogue, wishlist, profile, cart, news, product page, and product list.