Skip to content

Instantly share code, notes, and snippets.

@wiratama

wiratama/article.desktop.html.twig

Last active February 14, 2018 05:01
Show Gist options
  • Save wiratama/79aa210f8be30e6a7ca04e68ad7f3e88 to your computer and use it in GitHub Desktop.
Save wiratama/79aa210f8be30e6a7ca04e68ad7f3e88 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
article.desktop.html.twig
{% extends 'MoventContentBundle:Content/Layout/base:base.html.twig' %}
{% block content_top %}
<div id="article-{{ object.id }}" class="recipe-header">
<div class="recipe-header-breadcrumbs">
{{ sonata_block_render_event('breadcrumb', { 'context': 'content_view', 'category': category}) }}
</div>
</div>
{% endblock %}
{% block content_bottom %}
<div class="container">
<div class="content mov-recipe mov-article">
<div class="recipe-img-container is-loading">
<img alt="{{ object.imageMainLabel|raw }}" src="{{ movent_media_public_url(object.imageMain, 'image_383x254') }}" />
</div>
<div class="recipe-description">
<div>
<h1>{{ object.title }} </h1>
<div class="mov-recipe_icons_mobile">
<a class="addthis_button_email" addthis:email_vars="{ note: 'A customized value' }" target="_blank" title="Email">
<i class="fa fa-envelope"></i>
</a>
<a href="javascript:void(0);" onclick="window.print();">
<i class="fa fa-print"></i>
</a>
</div>
<div class="mov-recipe_icons">
<a href="#" addthis:email_vars="{ note: 'A customized value' }" target="_blank" title="Email" href="#">
<i class="fa fa-envelope"></i>
</a>
<a href="#" onclick="window.print();">
<i class="fa fa-print"></i>
</a>
</div>
<!-- <span>{{ object.abstract }}</span> -->
</div>
<div>
{{ object.content|render_widgets({'post':object,'category': category}) }}
<p>
<b>Share artikel ini: </b>
<a href="#" onclick="shareFb()" class="sns"><i class="fa fa-facebook-f"></i></a>
<a href="#" onclick="shareFb()" class="sns"><i class="fa fa-twitter"></i></a>
</p>
</div>
</div>
{% if object.allowComment %}
<div class="recipe-description-col1-row3">
{% include "MoventSiteBundle:Social:comment.html.twig" with {'width' : '603', 'subject': object } %}
</div>
{% endif %}
</div>
<div id="sidebar" class="article-description-col2 mov-sidebar">
{{ sonata_block_render({ 'type': 'relatedarticle.block.service' }, {
'itemId': object.id, 'maxItem': 4, 'relatedTo': contentType
}) }}
</div>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53d4b8cd4c00dc51"></script>
{% endblock %}
Raw
layout.html.twig
{% extends 'MoventSiteBundle:Layout:base_layout.html.twig' %}
{% block rz_page_theme_stylesheets %}
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('/img/favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/img/favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/img/favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('/img/favicon/manifest.json') }}">
<link rel="mask-icon" href="{{ asset('/img/favicon/safari-pinned-tab.svg" color="#ee7800') }}">
<link rel="shortcut icon" href="{{ asset('/img/favicon/favicon.ico') }}">
<meta name="msapplication-config" content="/img/browserconfig.xml') }}">
<meta name="theme-color" content="#ffffff') }}">
<link rel="icon" href="{{ asset('/images/favicon.ico') }}" type="images/x-icon" />
{% stylesheets 'bundles/rmzamorabootstrap/css/bootstrap.css'
filter='?yui_css, cssrewrite' %}
<link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="all" />
{% endstylesheets %}
{{ parent() }}
{# <!-- ---------------------------------------- --> #}
{% stylesheets 'bundles/moventsite/css/fonts.css'
'bundles/moventsite/css/normalize.css'
'bundles/moventsite/css/jquery.bxslider.css'
'bundles/moventsite/css/jquery.selectBox.css'
'bundles/moventsite/css/style.css'
'bundles/moventsite/css/jquery-ui.css'
'bundles/moventsite/css/animate.css'
'bundles/applicationsonatauser/css/user.css'
'bundles/moventsite/css/colorbox/colorbox.css'
'bundles/moventsite/css/fancybox/jquery.fancybox.css'
'bundles/moventsite/css/intlTelInput.css'
'bundles/moventsite/css/font-awesome.min.css'
'bundles/moventsite/css/ionicons.min.css'
'bundles/moventsite/css/custom.css'
'bundles/moventsite/css/override.css'
filter='?yui_css, cssrewrite' %}
<link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
<style>
.fancybox-lock, .fancybox-lock body {overflow-y: hidden !important;}
</style>
{% endstylesheets %}
{% stylesheets 'bundles/moventsite/css/jquery.jscrollpane.css'
filter='?yui_css, cssrewrite' %}
<link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
{% endstylesheets %}
{% stylesheets 'bundles/moventsite/css/print.css'
filter='?yui_css, cssrewrite' %}
<link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
{% endstylesheets %}
{#<!-- Include minified category styles -->#}
<link rel="stylesheet" type="text/css" href="{{ asset(movent_category_css_path()) }}">
<style type="text/css">
{# <!-- Inline css override --> #}
{% block inline_styles %}{% endblock inline_styles %}
</style>
{% endblock %}
{% block rz_page_theme_javascripts %}
{{ parent() }}
{% javascripts 'bundles/moventsite/js/jquery-1.9.1.js'
'bundles/moventsite/js/jquery-ui.js'
'bundles/moventsite/js/jquery.scrollTo.min.js'
'bundles/moventsite/js/intlTelInput.js'
'bundles/moventsite/js/jquery.unveil.js'
filter='?closure' %}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
{% javascripts 'bundles/moventsite/js/jquery.bxslider.js'
'bundles/moventsite/js/imagesloaded.pkgd.js'
filter='?closure' %}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
<script src="https://brand-ecommerce-assets.fusepump.com/bootstraper/bootstraper.js" type="text/javascript"></script>
{% include 'MoventSiteBundle:Layout:fragment/analytics.html.twig' %}
{% endblock %}
{% block sonata_page_body_tag %}
<body class="body-default" id="QW5kcmV3IEFjdWxhbmEgPGFuZHJldy5hY3VsYW5hQGdtYWlsLmNvbT4=">
{% block after_htmlbody_tag %}
{% endblock %}
{% include 'MoventSiteBundle:Layout:fragment/after_body_start_tags.html.twig' %}
<a class="fancybox-nhw fancybox.iframe" width="100%" height="100%" data-fancybox-type="iframe" href="{{ path('movent_nhw_light_box_index') }}" style="display: none;">This goes to iframe</a>
<style type="text/css">
.initial-fancybox .fancybox-skin { background: transparent; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0 ; }
.initial-fancybox .fancybox-close { background: transparent; }
</style>
<script type="text/javascript">
function openModal() {
var showtime = 5 * 1000;
setTimeout(function () {
$('a.fancybox-nhw').fancybox({
'type': 'iframe',
//'scrolling': 'no',
'autoSize': true,
'autoResize': true,
'autoCenter': true,
'centerOnScroll': true,
//'maxHeight': '700',
'height': '100%',
'width': '100%',
'padding': '0',
'margin': '0',
'wrapCSS': 'initial-fancybox',
afterClose: function () {
if ($.cookie('nhwClosed') == null) {
$.cookie('nhwClosed', 'closed', {path: '/', expires: 1});
}
}
});
$('a.fancybox-nhw').click();
}, showtime);
}
function closeBox() {
$.fancybox.close(true);
}
$(document).ready(function () {
var nhwClosed = $.cookie('nhwClosed');
var registered = $.cookie('registered');
{% set excludeRoutesArray = ["fos_user_profile_show", "gmio_auth_sso_profile", "gmi_photo_contest_list", "gmi_photo_contest_upload", "gmi_photo_contest_upload_success", "gmi_contest_essay_contest", "gmi_contest_essay_gallery", "gmi_contest_essay_post", "gmi_contest_essay_success"] %}
{% set currRoutesInArray = app.request.get('_route') in excludeRoutesArray %}
{% if currRoutesInArray != true %}
if (nhwClosed != 'closed') {
if (registered === 'yes') {
return false;
} else {
openModal();
}
}
{% endif %}
});
</script>
{% endblock %}
{% block sonata_page_container %}
{% block rzcms_header %}{% endblock rzcms_header %}
{#<!-- Site Wrapper Start -->#}
{% block site_wrapper_start %}
<div class="wrapper">
{% endblock %}
{#<!-- Site Header -->#}
{% block site_header %}
<div class="navwrapper">
{# <div class="social-icons">
<div class="wrapper-center">
<ul>
<li class="social-share">
<span>Share:</span>
</li>
<li class="ico-share-fb">
<a href="{{ sahabat__nestle_fb_url }}">
<img alt="Facebook" src="{{ asset('/bundles/moventsite/css/images/icon-fb2.png') }}" />
</a>
</li>
<li class="ico-share-tw">
<a href="{{ sahabat__nestle_tw_url }}">
<img alt="Twitter" src="{{ asset('/bundles/moventsite/css/images/icon-tweet.png') }}" />
</a>
</li>
</ul>
{{ render(controller('MoventSiteBundle:Layout:headerBrands')) }}
</div>
</div> #}
<div class="main-nav">
{% block main_nav %}
<div class="wrapper-center">
<div class="mov_navbar-search">
<a href="#" class="mov_navbar-search__toggle mov_visible-lg">
<i class="fa fa-search"></i>
</a>
{{ render(controller('MoventSiteBundle:Layout:headerBrands')) }}
<a href="javascript:void(0);" class="mov_navbar__nestle" data-toggle="modal" data-target="#viewCatalog">
<img src="{{ asset('/bundles/moventsite/img/nestle.png') }}">
</a>
<a class="mov_navbar__toggle mov_visible-md">
<i class="ion-navicon-round"></i>
</a>
</div>
<a href="{{ path('movent_site_homepage') }}" alt="Nestle Logo">
<img src="{{ asset('/bundles/moventsite/css/images/logo.png') }}" alt="Nestle Logo" id="logo" class="floatLeft" />
</a>
{{ knp_menu_render('main') }}
</div>
<div class="mov_element-fluid">
<div class="mov_navbar-search__dropdown-container">
<div class="mov_navbar-search__dropdown">
<div>
<form action="{{ url('movent_search_result') }}" method="GET" autocomplete="off">
<input type="text" name="q" />
<button>
<i class="fa fa-search"></i>
</button>
</form>
</div>
<a class="mov_navbar-search__close">
<i class="ion-android-close"></i>
</a>
</div>
</div>
</div>
{% endblock main_nav %}
</div>
{% block auth_menu %}
<div class="mov_element-contained mov_user-nav">
<ul class="mov_list__lstyle-none mov_list__display-iblock">
{% if not app.user %}
<li>
<a href="{{ path('gmio_auth_sso_register') }}">Sign Up</a>
</li>
{% else %}
<li>
<a href="{{ path('fos_user_profile_show') }}">Profile</a>
</li>
{% endif %}
{% if app.user %}
<li>
<a href="{{ path('fos_user_security_logout') }}">Log Out</a>
</li>
{% else %}
<li>
<a href="{{ path('gmio_auth_sso_login') }}">Log In</a>
</li>
{% endif %}
</ul>
</div>
{% endblock %}
</div>
<div class="mov_navbar__brands__overlay"></div>
{% endblock %}
{#<!-- Site Content -->#}
{% block site_content %}
<div class="{% block main_container_class %}main{% endblock %}">
{% if app.request.attributes.get('_route') != 'movent_site_contact_us' %}
<div class="kontak"><a href="{{ url('movent_site_contact_us') }}"><img src="{{ asset('bundles/moventsite/css/images/kontak.png') }}"/></a></div>
{% endif %}
{% if content is defined %}
{{ content|raw }}
{% else %}
{% set content = block('content') %}
{% if content|length > 0 %}
{{ content|raw }}
{% elseif page is defined %}
{{ sonata_page_render_container('content', page) }}
{% endif %}
{% endif %}
</div>
{% endblock %}
{% block rzcms_body %}{% endblock %}
{#<!-- Site Footer -->#}
{% block site_footer %}
{{ render(controller('MoventSiteBundle:Layout:footer')) }}
{% if movent_get_config_value('site.general.show_footer_ad') %}
{% set footerAdImage = movent_get_config_value('site.general.footer_ad_image') %}
{% set footerAdLink = movent_get_config_value('site.general.footer_ad_link') %}
{% set footerAdLinkRel = movent_get_config_value('site.general.footer_ad_link_relative') %}
{% if 'gmi_custom_survey' not in app.request.attributes.get("_route") %}
<div class="footer-ad" style="display:none;">
<div class="wrapper-center">
{% if footerAdImage != '' %}
<a href="{% if footerAdLinkRel %}{{ path('movent_site_homepage') }}{% endif %}{{ footerAdLink }}" id="footer-img-ad">
<img alt="" src="{{ footerAdImage }}" class="floatLeft" />
</a>
{% endif %}
<a href="javascript://" id="footer-ad-close">
<img alt="" src="{{ asset('/bundles/moventsite/css/images/btn-close.png') }}" class="floatRight" />
</a>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function ($) {
var footerAdClosed = $.cookie('footerAdClosed');
if (footerAdClosed != 'closed') {
$('.footer-ad').delay(700).slideDown('slow');
}
$('#footer-ad-close').click(function () {
if ($.cookie('footerAdClosed') == null) {
$.cookie('footerAdClosed', 'closed', {path: '/', expires: 1});
}
});
});
//]]>
</script>
{% endif %}
{% endif %}
{% include "MoventSiteBundle:Layout/fragment:social_sharing.html.twig" %}
{% endblock %}
{% block site_wrapper_end %}
</div>
{% endblock %}
{% block site_footer_scripts %}
{% javascripts 'bundles/moventsite/js/modernizr.js'
'bundles/moventsite/js/jquery.blockUI.min.js'
'bundles/moventsite/js/main.js'
'bundles/moventsite/js/jquery.mousewheel.js'
'bundles/moventsite/js/jquery.selectBox.min.js'
'bundles/moventsite/js/mwheelIntent.js'
'bundles/moventsite/js/jquery.jscrollpane.min.js'
'bundles/moventsite/js/jquery.colorbox-min.js'
'bundles/moventsite/js/fancybox/jquery.fancybox.pack.js'
'bundles/moventsite/js/jquery.placeholder.js'
'bundles/moventsite/js/hinclude.js'
'bundles/moventsite/js/jquery.cookie.js'
'bundles/moventsite/js/bootstrap.min.js'
filter='?closure' %}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock site_footer_scripts %}
{% block site_footer_styles %}{% endblock site_footer_styles %}
{% block rzcms_footer %}{% endblock rzcms_footer %}
{% include "MoventSiteBundle:Layout/fragment:fusepump.html.twig" %}
{#{{ render(controller('MoventNHWLightBoxBundle:LightBox:lightBox')) }}#}
{% endblock %}
Raw
product.desktop.html.twig
{% extends 'MoventContentBundle:Content/Layout/base:base.html.twig' %}
{% block content %}
{% include "MoventSiteBundle:Social:socialinit.html.twig" %}
<div class="main innerpage">
<div class="wrapper-center">
<div id="product-{{ object.id }}" class="productdetail">
<div class="recipe-header-breadcrumbs">
{{ sonata_block_render_event('breadcrumb', { 'context': 'content_view', 'category': category}) }}
</div>
<div class="productmain">
<div class="productimage">
<img class="main" alt="{{ object.imageMainLabel|raw }}" src="{{ movent_media_public_url(object.imageMain, 'image_395x527') }}" />
{% if object.productGallery and object.productGallery|length >= 1 %}
<div class="productThumbs">
<img alt="{{ object.imageMainLabel|raw }}" data-large="{{ movent_media_public_url(object.imageMain, 'image_395x527') }}" src="{{ movent_media_public_url(object.imageMain, 'image_113x151') }}" />
{% set gallery = object.productGallery %}
{% set index = 1 %}
{% for image in gallery.galleryHasMedias if index < 3 %}
<img alt="{{ object.imageMainLabel|raw }}" data-large="{{ movent_media_public_url(image.media, 'image_395x527') }}" src="{{ movent_media_public_url(image.media, 'image_113x151') }}" />
{% set index = index + 1 %}
{% endfor %}
</div>
{% endif %}
</div>
<div class="fleft-500px">
<div class="productinfo">
<h1>{{ object.title }}</h1>
{% if object.buyNowId is not null %}
<a data-sku-id="{{ object.buyNowId }}" class="productViewBuyNow buynow-btn"><span class="test">Beli Sekarang</span></a>
{% endif %}
{{ object.abstract }}
<div class="productBtnbox">
{% if object.imageNutritionFact %}
<a href="{% path object.imageNutritionFact, 'reference' %}" class="infomasi">Informasi gizi</a>
{% endif %}
</div>
</div>
{#<div class="resellerbox">
{% if object.productProductReseller|length %}
<h1>Reseller</h1>
<ul>
{% for reseller in object.productProductReseller %}
<li>
<!--<span class="resellerprice">Rp {{ priceFeed(reseller.priceFeed) }}</span>-->
<div class="resellerthumb">
<img src="{{ movent_media_public_url(reseller.image, 'image_115x115') }}" />
</div>
<div class="resellerinfo">
<h2>{{ reseller.name }}</h2>
<p>{{ reseller.description }}</p>
{% if reseller.isPromo %}
<a href="{{ reseller.url }}" target="_blank" class="belisekarangpromo"></a>
{% else %}
<a href="{{ reseller.url }}" target="_blank" class="belisekarang"></a>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
{% endif %}
</div>#}
</div>
{% if object.productRelatedProducts and object.productRelatedProducts|length %}
<div class="relatedProducts">
<h3>{{ "Produk Terkait"|trans }}</h3>
<div class="items">
{% for relatedProduct in object.productRelatedProducts %}
{% if loop.index <=2 %}
<div class="item" style="float:left;width: 200px;">
<div class="mov-related-products_image">
<img style="width:50%;" alt="{{ relatedProduct.relatedToProduct.imageMainLabel|raw }}" src="{{ movent_media_public_url(relatedProduct.relatedToProduct.imageMain, 'image_395x527') }}" />
</div>
<h4>{{ relatedProduct.relatedToProduct.title|raw|truncate(14, false, ' …') }}</h4>
<p>{{ relatedProduct.relatedToProduct.abstract|raw|truncate(80, true, ' …') }}</p>
<div class="relatedProduct_buttons">
<p><a href="{{ movent_content_path(relatedProduct.relatedToProduct, relatedProduct.relatedToProduct.canonicalCategory) }}" class="tab-link" style="background:red;">{{"Selengkapnya"|trans}}</a>
{% if relatedProduct.relatedToProduct.buyNowId is not null %}
<a data-sku-id="{{ relatedProduct.relatedToProduct.buyNowId }}" class="productViewBuyNow tab-link buy-now-button buynow-btn" style="background:red;"> {{"Beli Sekarang"|trans}}</a></p>
{% endif %}
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
</div>
{% if object.allowComment %}
<div class="fbcommentbox">
{% include "MoventContentBundle:Content/Layout/base:comment.html.twig" with {'width' : '857' } %}
</div>
{% endif %}
</div>
</div>
</div>
{% endblock content %}
{% block site_footer_scripts %}
{{ parent() }}
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
$(".infomasi").fancybox();
{#var buy_now = $(".productViewBuyNow");
var lightbox = null;
if (buy_now.length) {
lightbox = new fusepump.lightbox.buynow(buy_now.attr('data-buynow-id'));
buy_now.click(function(e) {
e.preventDefault();
lightbox.show();
});
}#}
$(".productThumbs img").click(function(){
$(".productThumbs img").removeClass("active");
$(this).addClass("active");
$(".productimage img.main").attr('src',$(this).data('large'));
});
});
//]]>
</script>
{% endblock %}
Raw
product.html.twig
{% extends 'MoventContentBundle:Content/Layout/base:base.html.twig' %}
{% block content_top %}
<div id="product-{{ object.id }}" class="productdetail">
<div class="recipe-header-breadcrumbs">
{{ sonata_block_render_event('breadcrumb', { 'context': 'content_view', 'category': category}) }}
{% include "MoventContentBundle:Content/Layout/base:toolbar.html.twig" with { class:"ul-recipe-header-social-icons" } %}
</div>
<div class="productmain">
<div class="productimage">
<img class="main" alt="{{ object.imageMainLabel|raw }}" src="{{ movent_media_public_url(object.imageMain, 'image_395x527') }}" />
<div class="productThumbs">
<img alt="{{ object.imageMainLabel|raw }}" data-large="{{ movent_media_public_url(object.imageMain, 'image_395x527') }}" src="{{ movent_media_public_url(object.imageMain, 'image_113x151') }}" />
{% if object.productGallery %}
{% set gallery = object.productGallery %}
{% set index = 1 %}
{% for image in gallery.galleryHasMedias if index < 3 %}
<img alt="{{ object.imageMainLabel|raw }}" data-large="{{ movent_media_public_url(image.media, 'image_395x527') }}" src="{{ movent_media_public_url(image.media, 'image_113x151') }}" />
{% set index = index + 1 %}
{% endfor %}
{% endif %}
</div>
</div>
<div class="productinfo">
<div class="fullratebox">
{{ include ("MoventRateBundle::rate.display.html.twig", { 'value': object.rating, 'rate': object.rating,'votes':object.voteCount }) }}
</div>
<h1>{{ object.title }}</h1>
{{ object.abstract }}
<div class="productBtnbox">
{% if object.imageNutritionFact %}
<a href="{% path object.imageNutritionFact, 'reference' %}" class="infomasi">Informasi gizi</a>
{% endif %}
{% if object.allowRating %}
<div class="rateme" id="rateitlist">
<div>Rate Produk ini</div>
{{ render(controller('MoventRateBundle:Rate:Rating', {
'id': object.id,
'rate': object.rating,
'votes': object.voteCount
})) }}
</div>
{% endif %}
</div>
</div>
</div>
<div class="resellerbox">
{% if object.productProductReseller|length %}
<h1>Reseller</h1>
<ul>
{% for reseller in object.productProductReseller %}
<li>
<span class="resellerprice">Rp {{ priceFeed(reseller.priceFeed) }}</span>
<div class="resellerthumb">
<img src="{% path reseller.image, 'reference' %}" alt=""/>
</div>
<div class="resellerinfo">
<h2>{{ reseller.name }}</h2>
<p>{{ reseller.description }}</p>
{% if reseller.isPromo %}
<a href="{{ reseller.url }}" target="_blank" class="belisekarangpromo"></a>
{% else %}
<a href="{{ reseller.url }}" target="_blank" class="belisekarang"></a>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
{% endif %}
</div>
{% if object.productRelatedProducts|length > 0 %}
<div class="relatedProducts">
<h3>{{ "Produk Terkait"|trans }}</h3>
<div class="items">
{% for relatedProduct in object.productRelatedProducts %}
{% if loop.index <=2 %}
<div class="item" style="float:left;width: 200px;">
<img style="width:50%;" alt="{{ relatedProduct.relatedToProduct.imageMainLabel|raw }}" src="{{ movent_media_public_url(relatedProduct.relatedToProduct.imageMain, 'image_395x527') }}" />
<h4>{{ relatedProduct.relatedToProduct.title|raw|truncate(40, false, ' …') }}</h4>
<p>{{ relatedProduct.relatedToProduct.abstract|raw|truncate(80, true, ' …') }}</p>
<p><a href="{{ movent_content_path(relatedProduct.relatedToProduct, relatedProduct.relatedToProduct.canonicalCategory) }}" class="tab-link" style="background:red;">{{"Selengkapnya"|trans}}</a></p>
{% if relatedProduct.relatedToProduct.buyNowId is not null %}
<p><a data-sku-id="{{ relatedProduct.relatedToProduct.buyNowId }}" class="productViewBuyNow tab-link buy-now-button buynow-btn" style="background:red;"> {{"Beli Sekarang"|trans}}</a></p>
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% if object.allowComment %}
<div class="fbcommentbox">
{% include "MoventContentBundle:Content/Layout/base:comment.html.twig" with {'width' : '857' } %}
</div>
{% endif %}
</div>
{% endblock %}
{% block site_footer_scripts %}
{{ parent() }}
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
$(".infomasi").fancybox();
$(".productThumbs img").click(function(){
$(".productThumbs img").removeClass("active");
$(this).addClass("active");
$(".productimage img.main").attr('src',$(this).data('large'));
});
});
//]]>
</script>
{% endblock %}
Raw
recipe.desktop.html.twig
{% extends 'MoventContentBundle:Content/Layout/base:base.html.twig' %}
{% block content_top %}
<div id="recipe-{{ object.id }}" class="recipe-header">
<div class="recipe-header-breadcrumbs">
{{ sonata_block_render_event('breadcrumb', { 'context': 'content_view', 'category': category}) }}
</div>
</div>
{% endblock %}
{% block content_bottom %}
<div class="container">
<div class="content mov-recipe">
<div class="recipe-img-container is-loading">
<img alt="{{ object.imageMainLabel|raw }}" src="{{ movent_media_public_url(object.imageMain, 'image_383x254') }}" />
</div>
<div class="recipe-description">
<div>
<h1>{{ object.title }}</h1>
<div class="mov-recipe_icons_mobile">
<a class="addthis_button_email" addthis:email_vars="{ note: 'A customized value' }" target="_blank" title="Email">
<i class="fa fa-envelope"></i>
</a>
<a href="javascript:void(0);" onclick="window.print();">
<i class="fa fa-print"></i>
</a>
</div>
<span>{{ object.abstract }}</span>
</div>
<div>
<div class="mov-recipe_icons">
<a class="addthis_button_email" addthis:email_vars="{ note: 'A customized value' }" target="_blank" title="Email">
<i class="fa fa-envelope"></i>
</a>
<a href="#" onclick="window.print();">
<i class="fa fa-print"></i>
</a>
</div>
<div class="nutrifact">
<h3>Informasi Gizi</h3>
<ul>
<li>{{ "<span>Kalori</span>%sCal"|format((object.nutriCalorie ? object.nutriCalorie : '0'))|raw }}</li>
<li>{{ "<span>Protein</span>%sg"|format((object.nutriProtein ? object.nutriProtein : '0'))|raw }}</li>
<li>{{ "<span>Lemak</span>%sg"|format((object.nutriFat ? object.nutriFat : '0'))|raw }}</li>
<li>{{ "<span>Serat</span>%sg"|format((object.nutriFiber ? object.nutriFiber : '0'))|raw }}</li>
<li>{{ "<span>Karbohidrat</span>%sg"|format((object.nutriCarbo ? object.nutriCarbo : '0'))|raw }}</li>
</ul>
</div>
</div>
<div>
<p>
Total Serving {{ object.serving ? object.serving ~ ' Orang' : 'n/a' }}
<br/><br/>
<b>Share resep ini: </b>
<a href="#" onclick="shareFb();" class="sns"><i class="fa fa-facebook-f"></i></a>
<a href="#" onclick="tweet('{{ object.title|raw }}');" class="sns"><i class="fa fa-twitter"></i></a>
</p>
</div>
{# <!-- {{ object.ingredient | raw }} --> #}
</div>
<div class="recipe-description2">
<div class="mov-recipe_ingredients">
<h2>Bahan Resep</h2>
{{ object.ingredient | raw }}
</div>
<div class="mov-recipe_instructions">
<h2>Cara Membuat</h2>
{{ object.preparation | raw }}
</div>
</div>
{% if object.goodToKnow or object.goodToRemember %}
<div class="recipe-description3">
<div class="mov-recipe_info">
{% if object.goodToKnow %}
<h4>Good to know:</h4>
{{ object.goodToKnow | raw }}
{% endif %}
{% if object.goodToRemember %}
<h4>Good to remember:</h4>
{{ object.goodToRemember | raw }}
{% endif %}
</div>
</div>
{% endif %}
{% if object.allowComment %}
<div class="recipe-description-col1-row3">
{% include "MoventSiteBundle:Social:comment.html.twig" with {'width' : '603', 'subject': object } %}
</div>
{% endif %}
</div>
<div id="sidebar" class="article-description-col2 mov-sidebar">
{{ sonata_block_render({ 'type': 'relatedrecipe.block.service' }, {
'itemId': object.id, 'maxItem': 4, 'relatedTo': contentType
}) }}
</div>
<div id="sidebar" class="article-description-col2 mov-sidebar">
{{ sonata_block_render({ 'type': 'relatedarticle.block.service' }, {
'itemId': object.id, 'maxItem': 4, 'relatedTo': contentType
}) }}
</div>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53d4b8cd4c00dc51"></script>
{% endblock %}
@wiratama
Copy link
Author

wiratama commented Feb 7, 2018 •
edited
Loading

path

\src\Movent\ContentBundle\Resources\views\Content\Layout\default\Default
* article.desktop.html.twig
* recipe.desktop.html.twig
* product.html.twig

\src\Movent\ContentBundle\Resources\views\Content\Layout\default\Product
* product.desktop.html.twig

\src\Movent\SiteBundle\Resources\views\Layout
* layout.html.twig

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment