Social Media Component Layout
Overview
The social media category is mostly used to insert social media icons, usually in the header and/or footer. But the site owner could have a link to a Social Media page as well.
Category component identifier: socialicons
Product Fields
| Order | Field | Label |
|---|---|---|
| 1 | hide | |
| 2 | list_order | |
| 3 | product_name | Name of Social Media |
| 4 | page_name | slug-reference-only |
| 5 | link1 | URL link to Social Media |
| 5.5 | product_image1 | Alt. image if no glyphicon |
| 6 | custom1 | Glyphicon to use (do not change) |
Implementation
You should add items for each of these in the category, then set the Glyphicon field to:
- linked_in
- google_plus
- yelp
You can also add (if they are not already there)
- youtube
Hide the items you don't need.
There are styles in the shared mm-framework.css that create the color and glyphicon used for Facebook, Twitter, Pinterest, Google-Plus, Yelp, and LinkedIn.
If there is no glyphicon for the social media site you need, you can alternately upload an image. If an image is loaded, it will override the glyphicon.
Note: on early framework sites, the image alternative is not set up. If you want to set it up, you will need to
- Adjust the insert|items on the main template to point to file:socialicons.html
- Add the product_image1 field to the Social Media category
Inserting the icons
There is a socialicons.html in the _inserts folder you can use when creating your insert. For example
<!--insert|items|socialicons||file:socialicons.html||||-->
socialmedia/default
- Uses the default columns.html
- Has its own product_cell and product_list
- Links go directly to the social media site.
