Differences
This shows you the differences between two versions of the page.
|
joomla30:lovefactory:pages [2014/12/23 14:47] mircea created |
joomla30:lovefactory:pages [2016/01/13 08:48] (current) mircea |
||
|---|---|---|---|
| Line 4: | Line 4: | ||
| ===== Fields ===== | ===== Fields ===== | ||
| \\ | \\ | ||
| - | In the **Fields** tab you can create new custom fields which you can later add to specific pages, but you can also edit, publish or delete existing fields.\\ | + | On the **Fields** page you can create new custom fields which fit your needs that you can later assign to certain pages, but you can also edit, publish or delete existing fields from here when needed.\\ |
| \\ | \\ | ||
| - | {{gallery> joomla30:love:fields.png }}\\ | + | Click on the **New** button to add details of a new field.\\ |
| \\ | \\ | ||
| - | Click on the **New** button to add a new field.\\ | + | {{gallery> joomla30:lovefactory:custom_fields.png?999x999 }}\\ |
| - | Here you will find many editable details regarding your new field. For start, you will have to add the desired title and choose one from the multiple types of fields available on the drop-down list. Below these you can choose to publish it right away or later.\\ | + | |
| \\ | \\ | ||
| - | {{gallery> joomla30:love:newfield.png }}\\ | + | When creating a new field, you will find many editable details regarding it. For start, you will have to add the desired **title** and the initial **status** (published/unpublished) of the field.\\ |
| + | \\ | ||
| + | One of the most important aspects of your new field will be the options it provides and its behavior; choose one of the multiple **types** of fields available on the drop-down list:\\ | ||
| + | \\ | ||
| + | * Birthday | ||
| + | * Checkbox | ||
| + | * Distance | ||
| + | |||
| + | * Friends | ||
| + | * Gateway | ||
| + | * Gender | ||
| + | * GoogleMapsLocation | ||
| + | * Height | ||
| + | * LastSeen | ||
| + | * Looking | ||
| + | * Membership | ||
| + | * Online | ||
| + | * Password | ||
| + | * Photos | ||
| + | * Price | ||
| + | * ProfilePhoto | ||
| + | * Radio | ||
| + | * Radius | ||
| + | * Rating | ||
| + | * ReCaptcha | ||
| + | * Relationship | ||
| + | * SearchMultiple | ||
| + | * Select | ||
| + | * SelectMultiple | ||
| + | * Slider | ||
| + | * Spacer | ||
| + | * Terms | ||
| + | * Text | ||
| + | * Textarea | ||
| + | * Username | ||
| + | * Weight | ||
| + | |||
| + | \\ | ||
| + | \\ | ||
| + | {{gallery> joomla30:love:newfield.png?999x999 }}\\ | ||
| + | \\ | ||
| + | On the right side of the page you will find the **General Settings** of the new field.\\ | ||
| + | Setting **Required** to Yes will make the field mandatory, notifying the users that they need to add/select something on it.\\ | ||
| + | You can select its **Privacy** to either "Private", "Public" or just for "Friends", meaning that it can be seen only by certain people and also to allow users to change the privacy status by themselves.\\ | ||
| + | \\ | ||
| + | Additionally, you can make the field **Editable** or **Viewable only by admins** if necessary.\\ | ||
| + | Enableing **Lock after save** will prevent further editing of the field after the first save.\\ | ||
| + | \\ | ||
| + | {{gallery> joomla30:love:newfield2.png?999x999 }}\\ | ||
| + | \\ | ||
| + | {{gallery> joomla30:lovefactory:interval.png}}\\ | ||
| + | \\ | ||
| + | \\ | ||
| + | Having set a **Slider** type of field, you will need to choose between **Interval** and **Values** as a parameter.\\ | ||
| + | \\ | ||
| + | You use **interval** to allow users to select a numeric value from a range (min - max). You can use this for example for height. You set as min 100cm, as max 200cm as as setp 10 cm. Now users will be able to select their height from 100cm to 200cm in 10cm increments (100cm, 110cm, 120cm, 130cm...)\\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | \\ | ||
| + | {{gallery> joomla30:lovefactory:values.png}}\\ | ||
| + | You use **values** to allow users to select from ordered labeled values. For example, if you want users to rate an experience, you can use the following ordered labels:\\ | ||
| + | |||
| + | * Very bad | ||
| + | * Bad | ||
| + | * Ok | ||
| + | * Good | ||
| + | * Very good | ||
| + | \\ | ||
| + | Now users will be able to chose their response by sliding from the worst value (Very bad) to the best value (Very good).\\ | ||
| \\ | \\ | ||
| - | On the right side you will find the **General Settings** for the new field.\\ | ||
| - | You can set the status of the field, if you want to be **required** or just optional.\\ | ||
| - | **Privacy settings** allow you to set the field as "Private", "Public" or just for "Friends", and you can also allow users to change the field's privacy by themselves.\\ | ||
| \\ | \\ | ||
| - | You can make the field to be **Editable** or **Viewable only by admins** if necessary.\\ | ||
| - | Enable **Lock after save** to prevent further editing of the field after the first save.\\ | ||
| \\ | \\ | ||
| - | {{gallery> joomla30:love:newfield2.png }}\\ | ||
| \\ | \\ | ||
| ===== Translating Custom Fields ===== | ===== Translating Custom Fields ===== | ||
| Line 29: | Line 98: | ||
| All of these can be done from backend, without editing the language files.\\ | All of these can be done from backend, without editing the language files.\\ | ||
| \\ | \\ | ||
| - | Using the slider on the right side of the page, **Parameters** can be defined for fields depending on their type, for the "Radio" type of field you will need to add a list of available choices.\\ | + | Using the slider on the right side of the page, **Parameters** can be defined for fields depending on their type, in case of a "Radio" type of field you will need to add a list of available choices.\\ |
| These choices need to be added one per line on the textarea. You can add values on the Default textarea, these will be used if no translation is available for the current language.\\ | These choices need to be added one per line on the textarea. You can add values on the Default textarea, these will be used if no translation is available for the current language.\\ | ||
| For additional languages (in this example Romanian) you will need to translate those options and enter them in the respective language textarea.\\ | For additional languages (in this example Romanian) you will need to translate those options and enter them in the respective language textarea.\\ | ||
| Line 35: | Line 104: | ||
| Options can be displayed on frontend in a row or line.\\ | Options can be displayed on frontend in a row or line.\\ | ||
| \\ | \\ | ||
| - | {{gallery> joomla30:love:lang.png }}\\ | + | {{gallery> joomla30:love:lang.png?999x999 }}\\ |
| \\ | \\ | ||
| **Labels** slider allows you to rename the title of the field for 3 different actions: on viewing, editing, and searching. As an example for the field "date of birth" you can label it on the edit page as "date of birth", on the view page to label it as "age" and on the search page as "age between".\\ | **Labels** slider allows you to rename the title of the field for 3 different actions: on viewing, editing, and searching. As an example for the field "date of birth" you can label it on the edit page as "date of birth", on the view page to label it as "age" and on the search page as "age between".\\ | ||
| Line 41: | Line 110: | ||
| You can translate the labels of these 3 actions for all your installed languages.\\ | You can translate the labels of these 3 actions for all your installed languages.\\ | ||
| \\ | \\ | ||
| - | {{gallery> joomla30:love:lang2.png }}\\ | + | {{gallery> joomla30:love:lang2.png?999x999 }}\\ |
| \\ | \\ | ||
| Same as for labels, various **Descriptions** can be added on your field when viewing, editing and searching.\\ | Same as for labels, various **Descriptions** can be added on your field when viewing, editing and searching.\\ | ||
| Line 47: | Line 116: | ||
| Translations of the description can be added for all your installed languages.\\ | Translations of the description can be added for all your installed languages.\\ | ||
| \\ | \\ | ||
| - | {{gallery> joomla30:love:lang3.png }}\\ | + | {{gallery> joomla30:love:lang3.png?999x999 }}\\ |
| \\ | \\ | ||
| ===== Pages ===== | ===== Pages ===== | ||
| \\ | \\ | ||
| - | Fields need to be placed in pages in order to be visible, **Pages** tab contains all the **Love Factory** pages and is also the place where you can assign fields to them.\\ | + | Fields need to be placed on pages in order to be visible, **Pages** allows you to change the layout of the frontend pages of **Love Factory**, from here you can assign the newly made custom fields.\\ |
| \\ | \\ | ||
| - | {{gallery> joomla30:love:pages.png }}\\ | + | {{gallery> joomla30:lovefactory:page_list.png?999x999 }}\\ |
| \\ | \\ | ||
| - | By clicking on a page you can edit it using the simple drag and drop system. Here you can add or remove fields or simply rearrange them.\\ | + | By clicking on a page you can edit it by using the simple drag and drop system. Here you can add or remove fields or simply rearrange them.\\ |
| To add a new field click on **"Add field"** and select the one you wish to add.\\ | To add a new field click on **"Add field"** and select the one you wish to add.\\ | ||
| \\ | \\ | ||
| Line 61: | Line 130: | ||
| The responsive grid system appropriately scales up to 12 columns as the device or viewport size increases. To have multiple fields on the same row you must set so that their values won't exceed 12.\\ | The responsive grid system appropriately scales up to 12 columns as the device or viewport size increases. To have multiple fields on the same row you must set so that their values won't exceed 12.\\ | ||
| \\ | \\ | ||
| - | Here is how the field we created earlier looks like after it has been added to the "Profile Edit" page.\\ | + | Here is how the field we created earlier is displayed after it has been added on the "Profile Edit" page.\\ |
| \\ | \\ | ||
| {{gallery> joomla30:love:page_setup.png }}\\ | {{gallery> joomla30:love:page_setup.png }}\\ | ||
| \\ | \\ | ||
| - | Click on **"Save & Close"** to add the new field to that specific page and check it on the frontend.\\ | + | Click on **"Save & Close"** when you are done to add the new field to that specific page and check it on the frontend.\\ |
| \\ | \\ | ||
| - | {{gallery> joomla30:love:pages3.png }}\\ | + | {{gallery> joomla30:love:pages3.png?999x999 }}\\ |
| \\ | \\ | ||
| ===== Making a Searchable Field ===== | ===== Making a Searchable Field ===== | ||
| \\ | \\ | ||
| - | Custom fields can be made to be searchable, we will use the field we made earlier to do that.\\ | + | Custom fields can be made searchable, we will use the field we made earlier in order to do that.\\ |
| + | \\ | ||
| Go to the **Pages** area and select one of the search pages, for example the detailed search form, **Search for a match**.\\ | Go to the **Pages** area and select one of the search pages, for example the detailed search form, **Search for a match**.\\ | ||
| Add the field either on the Basic Details zone or on the More Information zone by clicking on the **Add field** button and selecting the one we made from the popup window.\\ | Add the field either on the Basic Details zone or on the More Information zone by clicking on the **Add field** button and selecting the one we made from the popup window.\\ | ||
| Click on **Save & Close** when you are done.\\ | Click on **Save & Close** when you are done.\\ | ||
| \\ | \\ | ||
| - | {{gallery> joomla30:love:field2x.png }}\\ | + | {{gallery> joomla30:love:field2x.png?999x999 }}\\ |
| \\ | \\ | ||
| Considering the field is added also on the **Profile Edit** and to **Search for a match** pages you could also assign it the same way to the **Profile Search** page so that the field will be shown when displaying the search results.\\ | Considering the field is added also on the **Profile Edit** and to **Search for a match** pages you could also assign it the same way to the **Profile Search** page so that the field will be shown when displaying the search results.\\ | ||
| \\ | \\ | ||
| - | Lets take a look on how the field will appear on frontend on the **Search for a match** page.\\ | + | This is how the field will be displayed on frontend on the **Search for a match** page.\\ |
| \\ | \\ | ||
| - | {{gallery> joomla30:love:fields3.png }}\\ | + | {{gallery> joomla30:love:fields3.png?999x999 }}\\ |
| \\ | \\ | ||
| Here are the search results that match containing the profile detail field we created.\\ | Here are the search results that match containing the profile detail field we created.\\ | ||
| \\ | \\ | ||
| - | {{gallery> joomla30:love:fields4.png }}\\ | + | {{gallery> joomla30:love:fields4.png?999x999 }}\\ |
| \\ | \\ | ||
| \\ | \\ | ||
| ---- | ---- | ||
| - | **(!)** Documentation based on **Love Factory** version **4.3.0** | + | **(!)** Documentation based on **Love Factory** version **4.4.0** |