Initial commit

local/modules/OpenGraph/templates/frontOffice/default/_notes/dwsync.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<dwsync>
+<file name="open_graph.html" server="51.254.220.106//web/" local="131360681400000000" remote="131360681400000000" />
+<file name="open_graph_sharing_button.html" server="51.254.220.106//web/" local="131360681400000000" remote="131360681400000000" />
+</dwsync>

local/modules/OpenGraph/templates/frontOffice/default/assets/css/_notes/dwsync.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<dwsync>
+<file name="styles.css" server="51.254.220.106//web/" local="131360681400000000" remote="131360681400000000" />
+</dwsync>

local/modules/OpenGraph/templates/frontOffice/default/assets/css/styles.css

@@ -0,0 +1,86 @@
+.og-share-container {
+    height: 32px;
+}
+.og-share-box {
+    position: fixed;
+    z-index: 1000;
+    bottom: 0;
+    left: 0;
+    height: 32px;
+    width: 100%;
+}
+
+.og-share-btn {
+    float: left;
+    width: 25%;
+    height: 32px;
+}
+
+.og-share-link {
+    display: block;
+    height: 32px;
+    line-height: 32px !important;
+    text-align: center;
+    color: #fff;
+    text-decoration: none;
+}
+.og-share-link:hover {
+    color: #fff;
+    text-decoration: none;
+}
+.og-share-link.fa-facebook-official,
+.og-share-link.fa-facebook-official:hover {
+    background: #3d5fa6;
+}
+.og-share-link.fa-twitter,
+.og-share-link.fa-twitter:hover {
+    background: #53b1f0;
+}
+.og-share-link.fa-google-plus,
+.og-share-link.fa-google-plus:hover {
+    background: #dd4b39;
+}
+.og-share-link.fa-pinterest,
+.og-share-link.fa-pinterest:hover {
+    background: #bd081c;
+}
+
+
+@media (min-width: 768px) {
+    .og-share-container {
+        height: 0;
+    }
+    .og-share-box {
+        top: 20%;
+        bottom: auto;
+        left: 0;
+        width: 32px;
+    }
+    
+    .og-share-btn {
+        float: none;
+        width: 32px;
+    }
+    
+    .og-share-link.fa {
+        display: block;
+        margin-bottom: 1px;
+        width: 32px;
+        background: #666 !important;
+    }
+    .og-share-link:hover {
+        width: 42px;
+    }
+    .og-share-link.fa-facebook-official:hover {
+        background: #3d5fa6 !important;
+    }
+    .og-share-link.fa-twitter:hover {
+        background: #53b1f0 !important;
+    }
+    .og-share-link.fa-google-plus:hover {
+        background: #dd4b39 !important;
+    }
+    .og-share-link.fa-pinterest:hover {
+        background: #bd081c !important;
+    }
+}

local/modules/OpenGraph/templates/frontOffice/default/open_graph.html

@@ -0,0 +1,89 @@
+{$object_id=''}
+
+{if $view_value == 'content'}
+
+    {$object_id={content attr="id"}}
+
+{/if}
+
+{if $view_value == 'folder'}
+
+    {$object_id={folder attr="id"}}
+
+{/if}
+
+{if $view_value == 'category'}
+
+    {$object_id={category attr="id"}}
+
+{/if}
+
+{if $view_value == 'product'}
+
+    {$object_id={product attr="id"}}
+
+{/if}
+
+
+
+{if $object_id !== ''}
+
+    {ifloop rel={$view_value}}
+
+
+
+    {$og_type='article'}
+
+
+
+    {$title=''}
+
+    {$description=''}
+
+    {$image_src=''}
+
+    {$price=''}
+
+    {$url=''}
+
+
+
+    {loop name={$view_value} type={$view_value} id=$object_id limit="1"}
+
+        {$title = $TITLE}
+
+
+
+        {if $META_DESCRIPTION}
+
+            {$description=$META_DESCRIPTION}
+
+        {elseif $CHAPO}
+
+            {$description=$CHAPO|truncate:150:""}
+
+        {/if}
+
+
+
+        {$url={$URL nofilter}}
+
+
+
+        {ifloop rel="image"}
+
+            {loop type="image" name="image" source={$view_value} source_id={$ID} width="400" height="300" resize_mode="borders" limit="1"}
+
+                {$image_src = $IMAGE_URL}
+
+            {/loop}
+
+        {/ifloop}
+
+
+
+        {if $view_value == 'product'}
+
+            {$price = $PRICE}
+
+            {$og_type='product'}

local/modules/OpenGraph/templates/frontOffice/default/open_graph_sharing_button.html

@@ -0,0 +1,45 @@
+{$url={navigate to='current' noamp=1}}
+
+{$object_id=''}
+{if $view_value == 'content'}
+    {$object_id={content attr="id"}}
+{/if}
+{if $view_value == 'folder'}
+    {$object_id={folder attr="id"}}
+{/if}
+{if $view_value == 'category'}
+    {$object_id={category attr="id"}}
+{/if}
+{if $view_value == 'product'}
+    {$object_id={product attr="id"}}
+{/if}
+
+{$image_src=''}
+{ifloop rel="image"}
+    {loop name={$view_value} type={$view_value} id=$object_id limit="1"}
+        {loop type="image" name="image" source={$view_value} source_id={$ID} width="400" height="300" resize_mode="borders" limit="1"}
+            {$image_src = $IMAGE_URL}
+        {/loop}
+    {/loop}
+{/ifloop}
+
+<div class="og-share-container">
+    <div class="og-share-box">
+        <div class="og-share-btn">
+            <a class="og-share-link fa fa-lg fa-facebook-official" href="http://www.facebook.com/sharer.php?u={$url|escape:'url'}" target="_blank">
+            </a>
+        </div>
+        <div class="og-share-btn">
+            <a class="og-share-link fa fa-lg fa-twitter" href="https://twitter.com/intent/tweet?source=webclient&amp;url={$url|escape:'url'}" target="_blank">
+            </a>
+        </div>
+        <div class="og-share-btn">
+            <a class="og-share-link fa fa-lg fa-google-plus" href="https://plus.google.com/share?url={$url|escape:'url'}" target="_blank">
+            </a>
+        </div>
+        <div class="og-share-btn">
+            <a class="og-share-link fa fa-lg fa-pinterest" href="https://www.pinterest.com/pin/create/button/?url={$url|escape:'url'}&amp;media={$image_src|escape:'url'}" target="_blank">
+            </a>
+        </div>
+    </div>
+</div>