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

Social Sharing Component

XMLWordPrintable

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

      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)

        Acceptance criteria

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

                Created:
                Updated:
                Resolved:

                  Task DoD

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