{"id":58345,"date":"2015-12-08T06:05:30","date_gmt":"2015-12-08T11:05:30","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=58345"},"modified":"2017-07-11T09:30:17","modified_gmt":"2017-07-11T13:30:17","slug":"joomla-3-x-how-to-edit-accordion-slider-content-based-on-template-51185","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-how-to-edit-accordion-slider-content-based-on-template-51185.html","title":{"rendered":"Joomla 3.x. How to edit accordion slider content (based on template #51185)"},"content":{"rendered":"

\r\n

In this tutorial you will find out how to edit accordion slider content (based on Joomla template #51185).<\/p>\r\n

Joomla 3.x. How to edit accordion slider content (based on template #51185)<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Log into your Joomla admin panel<\/strong>.<\/li>\r\n

  2. \r\n

    Navigate to Extensions<\/strong> -> Module manager<\/strong>, use Search tool<\/i> on the left to locate the required module in header<\/i> position:<\/p>\r\n

    \"Joomla_3.x_How_to_edit_accordion_slider_content_based_on_template_51185_img2\"<\/a>\r\n<\/li>\r\n

  3. \r\n

    Open Accordion<\/i> module:<\/p>\r\n

    \"Joomla_3.x_How_to_edit_accordion_slider_content_based_on_template_51185_img3\"<\/a>\r\n<\/li>\r\n

  4. \r\n

    Under Module<\/strong> tab you can reorder slides using drag and drop option. Click on item Edit<\/strong> button, here you can change slide caption<\/i> text and direct link<\/i>:<\/p>\r\n

    \"Joomla_3.x_How_to_edit_accordion_slider_content_based_on_template_51185_img4\"<\/a>\r\n<\/li>\r\n

  5. \r\n

    Click on Menu Assignment<\/strong> tab if you wish to assign slider to any other page or pages.<\/p>\r\n<\/li>\r\n

  6. \r\n

    Under Display Options<\/strong> you can show\/hide Title<\/i>, Description<\/i>, Readmore<\/i> button, select Resize<\/i> or Crop<\/i> option for thumbnails and type image dimensions you want to use for your slides, select slide width on hover to which it will stretch:<\/p>\r\n

    \"Joomla_3.x_How_to_edit_accordion_slider_content_based_on_template_51185_img5\"<\/a>\r\n<\/li>\r\n

  7. \r\n

    Under Advanced<\/strong> Settings you can add specific Module Class Suffix<\/strong> for your custom css rules and select slider width in Bootstrap size<\/strong> drop down menu:<\/p>\r\n

    \"Joomla_3.x_How_to_edit_accordion_slider_content_based_on_template_51185_img6\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n

    To add a new slide, please perform following steps:<\/p>\r\n

      \r\n
    1. \r\n

      Navigate to Content<\/strong> -> Media Manager<\/strong>, select accordion<\/i> folder and upload your custom image into the folder:<\/p>\r\n

      \"Joomla_3.x_How_to_edit_accordion_slider_content_based_on_template_51185_img7\"<\/a>\r\n<\/li>\r\n

    2. \r\n

      Get back to your module, the image will appear in the module settings. Now you can copy caption from any other slide and insert it into your newly added image.<\/p>\r\n<\/li>\r\n

    3. \r\n

      Save changes and check your site:<\/p>\r\n

      \"Joomla_3.x_How_to_edit_accordion_slider_content_based_on_template_51185_img8\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n

      Feel free to check the detailed video tutorial below:<\/p>\r\n

      Joomla 3.x. How to edit accordion slider content (based on template #51185)<\/a><\/p>\r\n

      <\/p>\r\n\r\n

      \r\n\r\n\r\n<\/a>\r\n<\/div>","protected":false},"excerpt":{"rendered":"

      In this tutorial you will find out how to edit accordion slider content (based on Joomla template #51185).<\/p>\n","protected":false},"author":37,"featured_media":58354,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[881,616,483,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58345"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=58345"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58345\/revisions"}],"predecessor-version":[{"id":81875,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58345\/revisions\/81875"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/58354"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=58345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=58345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=58345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}