Configuration (social.gifts template) - Waiviogit/waivio GitHub Wiki
The Configuration tab houses the primary settings for customizing the appearance and structure of the site.
Page elements
TITLE
- Website configuration
Colors section
This section allows users to customize website colors. Users can select the main color (e.g., button background color) and text color (e.g., button text color). It consists of a color preview, title, and a "Select color" button.
TITLES
: "Website colors:", "Main color", "Text color".
Clicking the "Select color" button opens the "Website colors" modal window.
Desktop logo
This section allows users to customize the desktop version of the site's logo.
TITLE
- Desktop logo
PREVIEW
- Image preview. User avatar displayed by default.
BUTTON
- "Change logo" button to open the "Choose image" modal window.
NOTE
- "Desktop logo will appear on the homepage of the desktop version of the site.".
Mobile logo
This section allows users to customize the mobile version of the site's logo.
TITLE
- Mobile logo
PREVIEW
- Image preview. User avatar displayed by default.
BUTTON
- "Change logo" button to open the "Choose image" modal window.
NOTE
- "Mobile logo will appear on the home page of the mobile version of the site.".
List default image
This section allows users to customize the default image for lists that do not have a specified avatar.
TITLE
- List default image
PREVIEW
- Image preview. User avatar displayed by default.
BUTTON
- "Change image" button to open the "Choose image" modal window.
NOTE
- "List default image will be displayed for those lists that don't have an avatar.".
Main banner
This section allows users to customize the site's banner.
TITLE
- Main banner
PREVIEW
- Image preview.
BUTTON
- "Change banner" button to open the "Choose image" modal window.
NOTE
- "Main banner will be displayed at the top of all website pages.".
Base object
This object serves as a core reference for creating the website's main menu.
TITLE
- Base object:
SEARCH
- Initially displays a user or object card that can be transformed into a search field. The base object can be a product, business, restaurant objects, or users. The site creator is set up by default. If a product or business doesn't have menu items, the site will consist of two tabs: 1 - Home, representing the entity itself, and 2 - Legal. This applies similarly to restaurants; even if a restaurant offers menu items, the site will still have the same two tabs.
EDIT
- "Edit" button to convert the user card into a search field. Once clicked, "Edit" changes to "View".
NOTE
- The main menu of the website will be created using the base object.
Default hashtag
The "Default Hashtag" section allows users to specify a hashtag that will be recommended for all new posts on the website, aiding in organizing content and ensuring consistent appearance in the site's custom newsfeed.
TITLE
- Default hashtag:
SEARCH
- A search field for hashtag type. Initially displays a search field that can be transformed into an object card.
NOTE
- This hashtag will be recommended for all new posts on the website, ensuring that they consistently appear in the website's custom newsfeed.
Website header
The "Website Header" section allows users to modify the site name. By default, the site name is displayed as the full domain name in uppercase.
TITLE
- Website header:
PREVIEW
- Preview of the site name.
BUTTON
- "Edit" button that opens the "Edit website header" modal window.
"Website colors" modal window
TITLE
- Website colors
MAIN
- The "Main color:" button allows users to choose a color from a palette. The default color is Orange from Waivio.
TEXT
- The "Text color:" button allows users to choose a color from a palette. The default color is White from Waivio.
OK
- The "OK" button allows users to submit and save the selected colors.
CANCEL
- The "Cancel" button allows users to cancel the action and close the modal window.
CROSS
- The cross button allows users to close the modal window and cancel the action.
"Choose image" modal window
TITLE
- Choose image
UPLOAD
- Block to upload an image from the user's device.
URL
- Field to paste an image via clipboard or paste an image link.
OK
- The "OK" button allows users to submit and save the selected image.
CANCEL
- The "Cancel" button allows users to cancel the action and close the modal window.
CROSS
- The cross button allows users to close the modal window and cancel the action.
"Edit website header" modal window
LABEL
- Website name:
FIELD
- field to enter text.
SAVE
- The "Save" button allows users to submit and save the selected image.
CANCEL
- The "Cancel" button allows users to cancel the action and close the modal window.
CROSS
- The cross button allows users to close the modal window and cancel the action.