Uploaded image for project: 'Magnolia Demo Projects'
  1. Magnolia Demo Projects
  2. MGNLDEMO-105

Social Sharing Component

    XMLWordPrintable

Details

    • Story
    • Resolution: Fixed
    • Major
    • 0.8
    • 0.7
    • None
    • None
    • Basel 16
    • 5

    Description

      Create a component for Social Sharing using the AddToAny service, and use it in the demo.
      (AddToAny is a good choice because it requires no registration and is known to load fast - other popular social sharing services are known to slow page loading.)

      Context: This feature will eventually be part of MTE, but we implement it in the demo first as a there is strong demand, and this gives a chance to try it out.

      Why: Social Sharing comes up on almost every RFP. While one can explain that it is easy to do - it is such a standard feature of the web today that it should be included in a believable convincing demo.

      Configurable by parameters should be:

      • roundCorners: square or rounded corners, with false as default.

      Configurable by dialog should be

      • size: 48, 32, 24 or 16 pixel icons, with 32 as default.
      • float: true or false, with false as default
      • vertical: true or false, with false as default
        (The above settings are all applied as classes on the main div see: https://www.addtoany.com/buttons/customize/floating_share_buttons)
      • checkboxes for which services to provide buttons for:
      • facebook (default)
      • twitter (default)
      • google_plus (default)
      • pinterest
      • linkedin
      • email
      • reddit
      • stumbleupon

      The following basic AddToAny code can be used in the component:
      (Note the style clause should only be added if author chooses "square corners".)

      <!-- AddToAny BEGIN -->
      <style type="text/css">
      .a2a_svg, .a2a_count { border-radius: 0 !important; }
      .a2a_menu, .a2a_menu_find_container { border-radius: 0 !important; }
      </style>
      <div class="a2a_kit a2a_kit_size_32 a2a_default_style">
      <a class="a2a_dd" href="https://www.addtoany.com/share_save"></a>
      <a class="a2a_button_facebook"></a>
      <a class="a2a_button_twitter"></a>
      <a class="a2a_button_google_plus"></a>
      </div>
      <script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>
      <!-- AddToAny END -->
      

      Usage in demo:

      The component should be made available in the main area of the standard page, and in the responsive columns component.
      It should actually be included on the Careers page - above the "Current openings" text/image.
      The component should be made available and actually be included on the tour-type and destination page, just above the Tour List component.
      The component should be included on the Tour page in the following way: The Tour Detail component should be altered to include an area (named "summary"?) directly after the

      [#if tour.body?has_content]
                      <div class="body">${tour.body!}</div>
                  [/#if]
      

      .
      This area should have all the basic MTE components available. It should include the Social Sharing component. (See attached screenshot)

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                fgrilli Federico Grilli
                czimmermann Christopher Zimmermann
                Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD

                    Time Tracking

                      Estimated:
                      Original Estimate - Not Specified
                      Not Specified
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 1d 2.5h
                      1d 2.5h