{"id":31,"date":"2022-07-18T21:04:29","date_gmt":"2022-07-18T21:04:29","guid":{"rendered":"https:\/\/addons.dynamiclayers.net\/doc\/advanced-heading-for-elementor-copy\/"},"modified":"2022-07-19T08:57:10","modified_gmt":"2022-07-19T08:57:10","slug":"invent-slider","status":"publish","type":"page","link":"https:\/\/addons.dynamiclayers.net\/doc\/invent-slider\/","title":{"rendered":"Invent Slider Documentation"},"content":{"rendered":"\n

1. System Requirements<\/h4>\n\n\n\n

For the Invent Slider for Elementor<\/strong> addon plugin, you should install the latest version of the Elementor page builder.<\/p>\n\n\n\n

2. Installation<\/h4>\n\n\n\n

To install this plugin you must have a working version of WordPress already installed. Upon downloading the Invent Slider for Elementor<\/strong> archive, extract the archive, and inside the extracted folder you will find the full contents of your purchase. The invent-slider-for-elementor.zip<\/strong> archive contains the installable plugin files.<\/p>\n\n\n\n

You can install the plugin in two ways: using the WordPress plugin installer, or the FTP upload method. If you have trouble installing the plugin using the WordPress plugin installer, please proceed with installing it via the FTP upload method and you will be able to get around the issue.<\/strong><\/p>\n\n\n\n

1. WordPress Plugin Installer<\/h5>\n\n\n\n

Follow the steps below to install using the WordPress<\/strong> plugin installer.<\/p>\n\n\n\n

  • Navigate to Plugins > Add New<\/strong><\/li>
  • Click Upload Plugin<\/strong> and then Choose the invent-slider-for-elementor.zip<\/strong> from your computer then click on the Install Now<\/strong> button.<\/li>
  • To activate the newly installed plugin navigate the Plugins > Installed<\/strong> Plugins.<\/li>
  • Find the Invent Slider for Elementor<\/strong> plugin from the list and press\/click Activate<\/strong>.<\/li>
  • That’s it. Now the plugin is fully installed and activated on your website.<\/li><\/ul>\n\n\n\n
    <\/div>\n\n\n\n
    2. FTP Upload Method<\/h5>\n\n\n\n

    Follow these steps to install the plugin using FTP.<\/p>\n\n\n\n

    • Unzip the invent-slider-for-elementor.zip<\/strong> archive file to the desired location on your computer. The extracted files will be uploaded later via FTP.<\/li>
    • Connect to your server via FTP.<\/li>
    • Navigate to \/wp-content\/plugins\/ <\/strong>on server.<\/li>
    • Upload local folder invent-slider-for-elementor<\/strong> to remote \/wp-content\/plugins\/<\/strong> folder.<\/li>
    • To activate the newly installed plugin navigate the Plugins > Installed<\/strong> Plugins.<\/li><\/ul>\n\n\n\n
      <\/div>\n\n\n\n

      3. How to Use<\/h2>\n\n\n\n

      In this add-on, you will find the slider widget inside the Invent Slider<\/strong> category. Let\u2019s start with how to make a slider using this slider widget.<\/p>\n\n\n\n

      You can make nice looking slider using this slider widget. Just drag and drop the widget in the Elementor content editor to use it.<\/p>\n\n\n\n

      \"\"
      Drag & drop the slider widget<\/figcaption><\/figure>\n\n\n\n

      After the drag and dropping widget, you will find so many options to customize your slider<\/strong>. See these useful tips to easily edit the slider.<\/p>\n\n\n\n

      • Before starting the editing disable the slider autoplay option from the slider controls.<\/li>
      • Set the Initial Slide with your currently editing slide number. Let’s you work on slide no 2 just set the Initial slide 2 before editing slide 2. Then, you will preview your currently working slide.<\/li><\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        Slider Settings Controls<\/h5>\n\n\n\n

        In the slider settings section, you will get Fullscreen<\/strong> to enable\/disable option, Slider Height option, Content Container Width option with responsive control, and a slider Content Padding<\/strong> option.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Slides Section<\/h5>\n\n\n\n

        You can the slider slides from this section. You can add many slides from here.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Slider Controls<\/h5>\n\n\n\n

        In this section, you will get lots of slider controls such as slide effect, autoplay, autoplay speed, initial slide, infinite loop, mouse wheel, pagination, navigation, etc.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Image Settings Controls<\/h5>\n\n\n\n

        Here you will control the slider image size and position.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Sub Heading Style Controls<\/h5>\n\n\n\n

        In this controls section, you will get all options to style the slider subheading\/medium caption.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Heading Style Controls<\/h5>\n\n\n\n

        In this section, you will get controls to style the heading\/big caption.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Description Style Controls<\/h5>\n\n\n\n

        You can style the slider description text from this controls section.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Button Style Controls<\/h5>\n\n\n\n

        You can style the slider button from this button style controls section.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Secondary Button Style Controls<\/h5>\n\n\n\n

        You can style the slider secondary button from this button style controls section.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Play Button Style Controls<\/h5>\n\n\n\n

        You can style the slider play button from this button style controls section.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        Pagination\/Navigation Style Controls<\/h5>\n\n\n\n

        From these control sections, you will customize the slider pagination and navigation style.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        4. <\/strong>Pre-Made Sliders<\/h4>\n\n\n\n

        You can use our pre-made sliders to quickly get started. Just import the JSON file using the Elementor local template importer. You will find the slider JSON files from the Pre-Made Sliders<\/strong> folder.<\/p>\n\n\n\n

        5. <\/strong>Source and Credits<\/h4>\n\n\n\n
        • Elementor Page Builder<\/li>
        • SwiperJS<\/li>
        • Splitting Text<\/li><\/ul>\n\n\n\n
          <\/div>\n","protected":false},"excerpt":{"rendered":"

          1. System Requirements For the Invent Slider for Elementor addon plugin, you should install the latest version of the Elementor page builder. 2. Installation To install this plugin you must have a working version of WordPress already installed. Upon downloading the Invent Slider for Elementor archive, extract the archive, and inside the extracted folder you […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":3,"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/pages\/31\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/addons.dynamiclayers.net\/doc\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}