Jump to content

Sonya*

Administrators
  • Posts

    51
  • Joined

  • Last visited

  • Days Won

    6

Sonya* last won the day on June 29

Sonya* had the most liked content!

1 Follower

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Sonya*'s Achievements

Rookie

Rookie (2/14)

  • Conversation Starter Rare
  • Week One Done
  • One Month Later Rare
  • First Post Rare
  • Collaborator Rare

Recent Badges

8

Reputation

  1. Sometimes we need long titles for SEO, but they are not displayed nice in the sidebar menu. FX Documentation has an additional field where you can add a shortened title. If the field is not filled, then the default page title is used.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu lacus in magna finibus laoreet. In posuere sollicitudin elit eu lobortis. Cras pharetra nec nisi id semper. Donec purus lacus, vehicula id ex in, consectetur dapibus sapien. Vestibulum eget blandit ligula. Donec imperdiet erat at dui pharetra, eget consectetur sem lobortis. Cras eget ipsum vitae augue malesuada dapibus vitae vel tellus. Sed vestibulum tortor ac ultrices hendrerit. Etiam at est felis. Aliquam tempus enim non tempor auctor. Pellentesque in vestibulum tellus. Cras ac ante pretium, pellentesque dui quis, facilisis lacus. Curabitur eget dignissim velit, vel dictum mauris. Suspendisse et ullamcorper neque. Quisque cursus tellus vel luctus maximus. Suspendisse in eleifend nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris lobortis orci quis auctor tincidunt. Aliquam erat volutpat. Quisque faucibus tortor fringilla dui condimentum, ac finibus nunc porta. Vivamus in leo sed turpis feugiat gravida id vitae eros. Suspendisse sed iaculis nibh, sit amet condimentum neque. Fusce tincidunt vulputate sem, a porttitor augue vulputate eu. Proin mollis felis sit amet mattis faucibus. Morbi eget libero venenatis, scelerisque augue eu, scelerisque libero. Fusce at eros quis ante fermentum laoreet ut in elit. Nullam odio elit, porttitor ut lorem at, efficitur interdum ex. Proin iaculis bibendum tincidunt. Nullam eget libero nec mauris semper posuere vestibulum a odio. Praesent malesuada, eros eu commodo lacinia, elit mauris mollis urna, sed ornare libero urna ac eros. Praesent congue lacus nunc, rutrum tempus mauris vestibulum vitae. Vestibulum sed elit lorem. Nunc molestie erat nec risus ultrices, id convallis ligula vulputate. Vivamus ultrices metus in dolor egestas lobortis. Donec tristique, lectus vel commodo scelerisque, quam lacus congue est, ac cursus tellus purus id tortor. Ut venenatis mollis ipsum et fringilla. Aliquam id nisi eget erat pharetra varius. Pellentesque vestibulum nibh eget tincidunt congue. Proin elementum pharetra felis, in hendrerit lacus pulvinar vitae. Phasellus ut consectetur ligula. Nullam nec enim eget arcu accumsan vulputate. Phasellus eget sem ipsum. Suspendisse dolor massa, faucibus non tincidunt a, tempor ac eros. Donec commodo semper dictum. Praesent euismod fermentum massa, eu vestibulum est porttitor sed. Ut luctus semper mauris. Donec venenatis nisi ac fermentum facilisis. Praesent egestas tincidunt facilisis. Morbi pharetra rutrum nunc, in congue nisl blandit eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in tincidunt erat. Praesent vel mauris scelerisque tellus iaculis semper. Mauris mattis sapien ac elementum sagittis. Vivamus vitae urna lacus. Donec dignissim aliquet mauris, in semper justo iaculis at. Nam ut condimentum purus. Proin varius, urna eu molestie eleifend, nisi massa bibendum quam, id ultrices risus purus nec ipsum. Etiam vehicula lacus orci, sit amet fringilla lacus scelerisque sed.
  3. Sonya*

    Lorem Ipsum

    What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. Where can I get some? There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
  4. FX Documentation helps to improve SEO and accessibility while adding images to the content. Whenever you add an image to the content, you should always fill out an ALT attribute of the image that is displayed if the image cannot be loaded. This attribute is also used by search engines to index images and by disabled people. After adding an image into your content double-click on it. Fill out the field Image Title and save. The image title will be automatically displayed below the image. See the example below. This functionality is provided by custom JS script installed with FX Documentation. You cannot see the image title while editing the record. It will be only shown while viewing the record.
  5. TOC is tables of contents. It is useful if you have a long page with some subsections. You can create TOC manually. With FX Documentation TOC is built automatically from your headings. You can see this block right under the page title to the right on desktop or below on mobile. How do I add subheadings? There are two ways to add subheadings to your content. You can install an editor plugin Format to get the button into your editor. Or you allow HTML source editing to add headings into the source like this: <h2>Subheading</h2> The best way is however to use an editor plugin as you can precisely define of who and where can use headings within your community. This plugin is not bind on FX Documentation, the button can be used throughout the whole IPS suite. Installing Format plugin Navigate to Customization -> Editor -> Toolbars in the AdminCP. Click the Add Button, and from the next screen select the CKEditor Plugin tab. Note: The plugin version you install needs to be compatible with the CKEditor version used in your current version of the IPS Community Suite. IPS displays your current version on this form so that you can cross-check the compatibility with the CKEditor website. Next, download the plugin on your local disc https://ckeditor.com/cke4/addon/format. Return to AdminCP, choose plugin zip file you downloaded, and then submit the form. If everything installed successfully, you will see the new button shown on the Buttons Not On Editor toolbar at the bottom of the editor management screen. You can now drag it to your active toolbars at the position you like. To manage permissions and areas for the button double click on it. For further customization of your editor, read IPS documentation. Some SEO and accessibility tips You should not use H1 Heading more than one time on your page. The record title is already formatted as H1. You should start with H2 within your content and use a tree structure. E. g. do not use H4 if you do not have H3. TOC can only be displayed correctly if you have a correct logical heading structure.
  6. FX Documentation installs a Pages database to create a new documentation section in your community. The database is designed to mime IPS Community Guides section. But this installation is even more. It includes custom database, custom database fields, database and page templates, custom CSS and JS. It creates automatically TOC (Table of Contents) from subheadings in your content and it wraps the images nicely with alt Tag displayed as image caption. You can use the database for documentations, guides, books and even more. The database and page can be customized as usual with drag'n'drop blocks, and WYSIWYG editor. Use ready-made widgets that pull in all kinds of data from throughout your community to put it on the documentation page. Visit our site for tips, tricks, ideas, suggestions and help
  7. Just to clarify because it was already asked on Invision forum... it looks like the owner of the rights to this theme is still Heosforo, no matter if he's not active here anymore. For this reason, we will neither upgrade it to future IPS versions nor offer it for download. Thank you for your understanding.
  8. I am ambiguous. Advantages: no need to look for the resources in the Marketplace no need to download them on the disk no need to find out where I have uploaded them and is that an actual version that I have searching in ACP and one click install of the latest version - that saves time quality check is done so that the resources should not corrupt my projects (ideally!) Disadvantages: hacks needed to log in into Marketplace behind .htaccess long approving time for the apps due to the quality check no manual upload for 4.5 resources that have been associated with Marketplace once no copy of the resources on my disk, what means if my IPS license expires I have not access to my paid 3rd party resources The crucial thing though is the last one. I should have access to the stuff that I have paid on 3rd party developers (not IPS!) as long as my subscription for the resource is active.
  9. Version 1.0.1

    8 downloads

    This plugin adds a button "Sign in" to the user's hovercard and profile header to log in as member. Full administrators have the permission per default. To set up users who can use the button, in your AdminCP go to Members -> Staff -> Administrators. Select the existing group or click on Add Administrator and grant access for System -> Members -> Can sign in as members. For security reason, the button is not available on hovercards and profiles of the users that have access to AdminCP. For those users you can still use the default "Sign in as" feature in AdminCP.
    Free
  10. This way to monetize the community is very exclusive. The most websites out there do not have such a large number of email notifications sent out instantly. So, why not to offer the space to the companies/advertisers? To add a banner into notifications emails in your AdminCP go to System -> Site Promotion -> Advertisements and click on the tab Email Advertisements. Click on Create New and fill the form out. Be aware that right now there is no possibility to restrict email advertisements to certain group. Upon saving the form your test banner will be instantly added to all outgoing email notifications! Do not test it on your live environment without restrictions. Banner size in emails You will find different suggestions what size the email banner must have. Consider that mails are displayed in different email clients that handle the displayed content in their own way. Generally, it should be safe to use banner with 600px width to be displayed in every common mail client (some sources say up to 650px). The height of the banner is not really restricted. You can use any height, but be sure, that the banner will be displayed above the notification content. It can be annoying for the user to scroll down for the notification message itself. Something between 100px and 200px should be enough for the height. How to test email banners As said above there is no possibility to restrict email advertisement to certain group (like website ads). Once the banner is added it will be instantly inserted in every email notification that is sent through the community. There are still some ways to test it: If you have a test installation that is able to send emails. Create a new advertisement. In AdminCP go to System -> Settings -> Email Settings and click on Test settings in the upper right corner. Test email will include your ad banner. If you do not have a test installation, create a special test area in your community that is only viewable by administrator. E. g. a forum or database in Pages. While creating an advertisement restrict it to this area in the field Restrict to emails from. Now subscribe to new items (topics or records) in this area. Create another administrator and add a new topic or record in the area with a second administrator. The first one (who subscribed) will get an email including the ad banner. Generally you should test your banner with as many email clients as possible, ideally on desktop and mobile.
  11. This guide helps to set up PayPal in Commerce application of IPS and to test purchases, renewals, commissions and withdrawals safely. The payment method applies not only to Commerce products. You can use it throughout the entire community and in the 3rd party applications. There are some examples: Subscriptions (a feature of IPS Commerce application) Downloads (IPS application for selling digital products) Paid Clubs (IPS application to build paid membership clubs within your community) Donations (a feature of IPS Commerce application) Referrals (a feature of IPS Commerce application) Classifieds System (3rd party application) Links Directory (3rd party application) Pay to pin or feature any content (3rd party application) Printful Commerce Integration (3rd party application to sell merchandise products) Raffles System (3rd party application) Crowdfunding (3rd party application) VideoBox - Video & Livestream Sharing Platform The best way to test PayPal payments is to use a so-called "sandbox". This is a test environment of PayPal that does not affect real payments but act as it were. With sandbox, you can test and optimize all screens and messages sent out by PayPal and Invision Community. Unfortunately, you cannot use PayPal sandbox if you host on IPS Cloud. Prepare PayPal sandbox To play with PayPal you need access to Developer Dashboard. If you don't have an account there, click on sign up. For testing you need a PayPal application, at least one business account and one or more personal accounts. Later on when you go live you will need a real app and a real business account on PayPal to be able to receive the payments and create payouts. In your Developer Dashboard go to My Apps & Credentials. Pay attention to the switcher between Live and Sandbox. Sandbox/Live Switcher in PayPal Select Sandbox. You will find a Default Application already created there. Use this application for testing or create your own. Click on the application name to see credentials. Note your Client ID and Secret. You will be asked to enter these credentials in Invision Community later on. Choose My Account on the left side menu and scroll down to the section with permissions. You need to enable the permission for Subscriptions. PayPal Permission for Subscriptions Follow instructions on PayPal to enable it. Prepare Invision Community for sandbox Now we configure the sandbox in Invision Community that you are going to use test environment and test accounts. You need access to FTP to edit or create a file constants.php. Add the following line to it: \define('NEXUS_TEST_GATEWAYS', TRUE); From now Invision Community will use sandbox for PayPal payments. Do not forget to remove or uncomment the line later on. In your AdminCP go to Commerce -> Settings, choose the tab Payment Methods and click on Create New. Select PayPal in the list of Payment Methods and fill out the form. Enter PayPal sandbox credentials These are Client ID and Secret you have noted from the Default Application in the PayPal Developer Dashboard. Play with PayPal accounts Sandbox business account will receive the payments from personal accounts. Each time you test the payments use one or different personal accounts from the PayPal sandbox. Then log in with your sandbox business account to check the payments.
  12. This guide explains how to set up a commerce product of type Advertisement in Commerce application of IPS. Commerce is an essential app to monetize your community. You should purchase it if your license does not include this application. How to sell ad location in Commerce First, set up at least one payment method. For testing, it would be enough to create manual payment. Later on we will see how to integrate PayPal. In your AdminCP go to Commerce -> Payments -> Settings. Click on Create New and select Manual (check, bank wire, etc.). On the next screen enter name and instructions: Manual payment method Now you are ready to create a product of type Advertisement for the location Just below the page header. In your AdminCP got to Commerce -> Store -> Products. Create a new group Advertisements and click on plus sign to add new product into the group. Choose Advertisement as Type. Product settings for advertisement Enter the Product name, tick the ad location you would like to sell and limit the banner dimensions. Setting price for advertisements Click on the tab Pricing. In our example, the advertisement costs 30 USD for 3 days. Enter 30 USD as Price and enable the option Renews? Enter 30 USD for every 3 days. Purchase price and duration Save the product. Test purchasing advertisement Go to your AdminCP and create a new member. Use the feature Sign in as [MemberName] to log in. This member is now your test customer who makes purchase of the advertisement. Go to Store in the main navigation of your community and select the product you have just created. Enter the Target URL, upload and Image and click on Add to cart. Click on Review & Checkout to purchase. On the next screen, click on Checkout again, fill the Billing information and click on Continue to Order Review. To complete the order click on Place Order and Pay. As we have only manual payment method, the order is set to status Waiting. Order awaiting administrator's approval As stated in the message above, the community administrator is now informed about the new order. The manual payment means that administrator must check if the order is paid. It can be cash, check, or any other method that cannot be tracked automatically. The community administrator must approve the order manually. In your AdminCP go to Commerce -> Payments -> Transactions. There is a transaction with status Waiting. You can view the transaction and/or approve it automatically from the list. Approve transaction in AdminCP After you have approved the transaction, you will get another notification in AdminCP. The advertisement has been created now, but is held for approval. This double approval is because of the manual payment method. Normally you would set up PayPal and/or Stripe to get payments that are approved automatically. Here you would like to review the advertisement before you display it in the community. So the last step would be to review and approve the advertisement. In your AdminCP go to System -> Site promotion -> Advertisements. The advertisement has Pending status and no title. Add Invoice ID as advertisement title and Save. Now approve the advertisement from the list. Approve advertisement after purchase The ad is now displayed in your community and will be automatically disabeld after 3 days. If you can live with manual payment, go and check all Commerce settings. In the next step you can add a PayPal payment method and play in the sandbox with it.
  13. With this tutorial we will create a simple but efficient bug tracker for reporting bugs etc., similar to the one IPS itself uses HERE for the 4.5 beta. The result will look like on the following screenshot, so everything will be a bit more stylish and above all more clearly arranged. Unnecessary information has been left out and important ones have been highlighted. Notes on this tutorial You have already learned the basics in other tutorials like the one for the recipe database. To avoid repeating ourselves all the time, we will link directly there for these steps and concentrate on the features that are not included there. You can also download the complete bugtracker from our filebase for free without having to rebuild it yourself.
  14. We have already included some CSS classes in the templates. And now we can add the CSS styles to the page. Create and assign CSS file In your AdminCP go to Pages -> Page management -> Templates and click on New. Choose Add CSS file. Name it docs and add it to the existing group CSS. If we had more than one CSS file, it might be useful to create a new group at this point. Add the following CSS to docs.css: To include this CSS in the page for the database, go to Pages -> Page Management -> Pagein your AdminCP and open the page with the documentation for editing. Switch to the tab Page Includes tab and select CSS/Docs.css. Click on Save and view the result in the frontend. You will notice that the categories are now collapsed so that the pages inside are no longer visible in the navigation. To add the interaction here, you have to create a JavaScript file as a last step. Create and embed Javascript In AdminCP go to Pages -> Page management -> Templates again and click on New. Select Add JavaScript file and enter the name docs. Use the group JS. If you need more files you can create an extra group for them to keep them separate from other files. Open the file and add the following content: As you can see, we use the code here already used in IPS own documentation. This is another advantage of Pages, by the way. If something doesn't work, you can get support directly from IPS and don't have to rely on the third party providers. The last step is to embed JavaScript into the documentation page. This is done in the same way as CSS above. In AdminCP go to Pages -> Page management -> Page and open the page with the documentation for editing. Go to the tab Page Includes and click on JS/Docs.js. Done. Now only the active category in the menu block is expanded and the others are expanded by clicking on them. You can see that a lot of HTML, CSS, JavaScript and some PHP was put together here. This is a simple version that you can customize, extend and develop further. Have fun!
  15. Now we are ready to create a block (plugin) that we will use as a side menu. The side menu displays categories and the pages hierarchically. This block is created in AdminCP, and we are going to use a custom template for it. Block with page menu In your AdminCP go to Pages -> Page management -> Blocks and click on Create new block. Click on Next. On the tab Details enter the name for the block and template key docs_side_menu. In the tab Feed Configuration set the following: You define here the number of records in the block. In earlier versions of IPS it was possible to enter a 0 for unlimited. Starting with IPS version 4.4.10 it does not work anymore, so you have to enter a large positive number, e.g. 100. This number should be greater than the number of all categories and all pages in the categories together, otherwise the menu will be cut off. The sorting in the block is only valid for the order of the pages within a category. The categories are sorted as specified in AdminCP. You can change their order by drag and drop. Template for side menu The "magic" happens on the tab Content. Here you select the option Use as base for a custom template. A template editor will appear below this option where you enter the following code: Save the block and give all user groups the permission to see the block. If you exclude the groups here, the menu will not be displayed for them. You can already see the rough structure of the menu in the preview of the block. We will add the CSS styles and JavaScript later to make it a bit smarter. Some CSS classes are already built into templates above. The last lines in the block redirects from category listing to the first record in the category if you navigate through the side menu. Insert menu into the page To add the block into the page, go to Pages -> Page Management -> Pages in AdminCP and click on the pencil icon to edit the page docs. Go to the tab Content. Here you can see that the database has already been added to the page via the database ID. This happened automatically when we created the page during database creation. Replace the content of the page with the following code: Take time and look at this simple HTML for the page. Here we use the keys for database and the block with the menu. These are inserted in two columns using the IPS CSS framework. The IF-query makes sure that the menu disappears when you edit the page, otherwise you would not have enough space to edit the content. See your documentation in the frontend now. The only things we miss here are CSS and JavaScript.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Further information can be found in our Privacy Policy.