Author: deepak
Date: Sat Jan 12 18:55:51 2019 New Revision: 1851184 URL: http://svn.apache.org/viewvc?rev=1851184&view=rev Log: Improved: Backporting the all the changes of ecommerce multiflex theme to OFBiz17.12, after the ecommerce markup update work it was broken. (OFBIZ-9760) Thanks Parakh Maheshwari for your contribution Modified: ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Footer.ftl ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Header.ftl ofbiz/ofbiz-plugins/branches/release17.12/multiflex/webapp/multiflex/style.css ofbiz/ofbiz-plugins/branches/release17.12/multiflex/widget/Theme.xml Modified: ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Footer.ftl URL: http://svn.apache.org/viewvc/ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Footer.ftl?rev=1851184&r1=1851183&r2=1851184&view=diff ============================================================================== --- ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Footer.ftl (original) +++ ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Footer.ftl Sat Jan 12 18:55:51 2019 @@ -19,15 +19,15 @@ under the License. <#assign nowTimestamp = Static["org.apache.ofbiz.base.util.UtilDateTime"].nowTimestamp()> -<div class="footer"> - <p align="center"> - <p>Copyright (c) 2001-${nowTimestamp?string("yyyy")} The Apache Software Foundation - <a href="http://www.apache.org" target="_blank">www.apache.org</a></p> - <p>Powered by <a href="http://ofbiz.apache.org" target="_blank">Apache OFBiz</a></p> - </p> +<footer> + <div class="d-flex align-items-center flex-column"> + <div class="d-flex mb-16">Copyright (c) 2001-${nowTimestamp?string("yyyy")} The Apache Software Foundation - <a href="http://www.apache.org" target="_blank">www.apache.org</a></div> + <div class="d-flex mb-16">Powered by <a href="http://ofbiz.apache.org" target="_blank">Apache OFBiz</a></div> + </div> <#if layoutSettings.VT_FTR_JAVASCRIPT?has_content> <#list layoutSettings.VT_FTR_JAVASCRIPT as javaScript> - <script type="text/javascript" src="<@ofbizContentUrl>${StringUtil.wrapString(javaScript)}</@ofbizContentUrl>" type="text/javascript"></script> + <script type="application/javascript" src="<@ofbizContentUrl>${StringUtil.wrapString(javaScript)}</@ofbizContentUrl>" type="application/javascript"></script> </#list> </#if> -</div> -</div> +</footer> +</div> \ No newline at end of file Modified: ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Header.ftl URL: http://svn.apache.org/viewvc/ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Header.ftl?rev=1851184&r1=1851183&r2=1851184&view=diff ============================================================================== --- ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Header.ftl (original) +++ ofbiz/ofbiz-plugins/branches/release17.12/multiflex/template/Header.ftl Sat Jan 12 18:55:51 2019 @@ -23,54 +23,49 @@ under the License. <div id="wait-spinner" style="display:none"> <div id="wait-spinner-image"></div> </div> - <div class="page-container"> + <div class="container-fluid"> <div class="header"> + <div class="header-top"> + <div class="row align-items-center"> + <div class="col"> + <a class="navbar-brand" href="<@ofbizUrl>main</@ofbizUrl>"> + <img src="/multiflex/images/ofbizLogo.gif" alt="Logo" height="32px"/> + </a> + </div> + </div> - <!-- Sitelogo and sitename --> - <a class="sitelogo" href="<@ofbizUrl>main</@ofbizUrl>" title="${uiLabelMap.CommonMain}"></a> - <div class="sitename"> + <div class="col text-center d-none d-lg-block"> <#if !productStore??> - <h1><a href="<@ofbizUrl>main</@ofbizUrl>" title="Go to Start page">${uiLabelMap.EcommerceNoProductStore}</a></h1> + <h3><a href="<@ofbizUrl>main</@ofbizUrl>" title="Go to Start page">${uiLabelMap.EcommerceNoProductStore}</a></h3> + </#if> + <#if (productStore.title)??> + <h3><a href="<@ofbizUrl>main</@ofbizUrl>" title="Go to Start page">${productStore.title}</a></h3> + </#if> + <#if (productStore.subtitle)??> + <div id="company-subtitle"><h6>${productStore.subtitle}</h6></div> </#if> - <#if (productStore.title)??><h1><a href="<@ofbizUrl>main</@ofbizUrl>" title="Go to Start page">${productStore.title}</a></h1></#if> - <#if (productStore.subtitle)??><h2>${productStore.subtitle}</h2></#if> - </div> - - <!-- Navigation Level 0 --> - <div class="nav0"> - <ul> - <li><a href="<@ofbizUrl>setSessionLocale?newLocale=it</@ofbizUrl>"><img src="/multiflex/images/flag_it.gif" alt="" /></a></li> - <li><a href="<@ofbizUrl>setSessionLocale?newLocale=en</@ofbizUrl>"><img src="/multiflex/images/flag_en.gif" alt="" /></a></li> - <li><a href="<@ofbizUrl>setSessionLocale?newLocale=de</@ofbizUrl>"><img src="/multiflex/images/flag_de.gif" alt="" /></a></li> - <li><a href="<@ofbizUrl>setSessionLocale?newLocale=fr</@ofbizUrl>"><img src="/multiflex/images/flag_fr.gif" alt="" /></a></li> - </ul> - </div> - - <!-- Navigation Level 1 --> - <div class="nav1"> - <ul> - <li><a href="<@ofbizUrl>main</@ofbizUrl>">${uiLabelMap.CommonMain}</a></li> - <li><a href="<@ofbizUrl>contactus</@ofbizUrl>">${uiLabelMap.CommonContactUs}</a></li> - <li><a href="<@ofbizUrl>policies</@ofbizUrl>">${uiLabelMap.EcommerceSeeStorePoliciesHere}</a></li> - </ul> </div> </div> <!-- A.2 HEADER MIDDLE --> <div class="header-middle"> - <!-- Site message --> - <div class="sitemessage"> - <h1>EASY • FLEXIBLE • ROBUST</h1> - <h2> - <#if sessionAttributes.autoName?has_content> - ${uiLabelMap.CommonWelcome} ${sessionAttributes.autoName}! - (${uiLabelMap.CommonNotYou}? <a href="<@ofbizUrl>autoLogout</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonClickHere}</a>) - <#else> - ${uiLabelMap.CommonWelcome}! - </#if> - </h2> - <h3><a href="#">›› More details</a></h3> + <div class="row"> + <div class="col-3 align-left"> + <h4>EASY • FLEXIBLE • ROBUST</h4> + </div> + <div class="col-3 offset-6"> + <span class="message"> + <#if sessionAttributes.autoName?has_content> + ${uiLabelMap.CommonWelcome} ${sessionAttributes.autoName}! + (${uiLabelMap.CommonNotYou}? <a href="<@ofbizUrl>autoLogout</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonClickHere}</a>) + <#else> + ${uiLabelMap.CommonWelcome}! + </#if> + </span> + + <h5><a href="#">›› More details</a></h5> + </div> </div> </div> @@ -103,6 +98,18 @@ under the License. <li id="header-bar-quickadd"><a href="<@ofbizUrl>quickadd</@ofbizUrl>">${uiLabelMap.CommonQuickAdd}</a></li> </ul> </#if> + <ul> + <li><a href="<@ofbizUrl>main</@ofbizUrl>">${uiLabelMap.CommonMain}</a></li> + </ul> + <ul> + <li><a href="<@ofbizUrl>contactus</@ofbizUrl>">${uiLabelMap.CommonContactUs}</a></li> + </ul> + <ul> + <li><a href="<@ofbizUrl>policies</@ofbizUrl>">${uiLabelMap.EcommerceSeeStorePoliciesHere}</a></li> + </ul> + + + <#if userLogin?has_content && userLogin.userLoginId != "anonymous"> <!-- Navigation item --> @@ -121,9 +128,12 @@ under the License. </ul> </#if> - </div> - </div> + <ul class="flags"> + <li><a href="<@ofbizUrl>setSessionLocale?newLocale=it</@ofbizUrl>"><img src="/multiflex/images/flag_it.gif" alt="" /></a></li> + <li><a href="<@ofbizUrl>setSessionLocale?newLocale=en</@ofbizUrl>"><img src="/multiflex/images/flag_en.gif" alt="" /></a></li> + <li><a href="<@ofbizUrl>setSessionLocale?newLocale=de</@ofbizUrl>"><img src="/multiflex/images/flag_de.gif" alt="" /></a></li> + <li><a href="<@ofbizUrl>setSessionLocale?newLocale=fr</@ofbizUrl>"><img src="/multiflex/images/flag_fr.gif" alt="" /></a></li> + </ul> - <!-- Breadcrumbs --> - <div class="header-breadcrumbs"> - </div> + </div> + </div> \ No newline at end of file Modified: ofbiz/ofbiz-plugins/branches/release17.12/multiflex/webapp/multiflex/style.css URL: http://svn.apache.org/viewvc/ofbiz/ofbiz-plugins/branches/release17.12/multiflex/webapp/multiflex/style.css?rev=1851184&r1=1851183&r2=1851184&view=diff ============================================================================== --- ofbiz/ofbiz-plugins/branches/release17.12/multiflex/webapp/multiflex/style.css (original) +++ ofbiz/ofbiz-plugins/branches/release17.12/multiflex/webapp/multiflex/style.css Sat Jan 12 18:55:51 2019 @@ -40,7 +40,25 @@ body { border: solid 1px #969696; font-size: 1.0em; } +.container-fluid #ecom-mainarea { + width:100%; +} +@media only screen and (min-width: 992px) { + .container-fluid #div3 { + margin-left:-15px; + } +} +.products-card .card-title a { + word-break: break-word!important; + white-space: normal!important; +} +#ecom-mainarea { + background: none!important; +} +#ecom-mainarea .card .card-header { + background: #DCDCDC url(images/bg_head_bottom_nav.jpg); +} div.popup { max-width: 1200px; width: 250px; @@ -84,11 +102,11 @@ div.popup { overflow: hidden /*IE6*/; } -.footer { +footer { clear: both; - width: 900px; padding: 1.0em 0 1.0em 0; background: rgb(225, 225, 225) url(images/bg_foot.jpg) no-repeat; + background-size: 100% 50px; font-size: 1.0em; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; @@ -96,24 +114,36 @@ div.popup { /* HEADER */ .header { - width: 900px; + width: 100%; font-family: "trebuchet ms", arial, sans-serif; } .header-top { - width: 900px; - height: 80px; - background: #F0F0F0 url(images/bg_head_top.jpg); + width: 100%; + height: auto; + padding:10px; + background-color: #F0F0F0; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; } .header-middle { - width: 900px; - height: 150px; + width: 100%; + height: auto; background: #E6E6E6 url(images/bg_head_middle.jpg); overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; + background-size: cover; +} + +.header-middle h4 { + padding: 15px; + color: white; +} + +.header-middle .message { + font-size: 17px; + color: #000099; } .header-middle .sitemessage h2 a { @@ -122,15 +152,16 @@ div.popup { } .header-bottom { - width: 900px; - height: 40px; + width: 100%; + height: auto; background: #FFFFFF url(images/bg_head_breadcrumbs.jpg) repeat-y; + margin-bottom: 15px; } .header-breadcrumbs { clear: both; - width: 900px; - height: 10px; + width: 100%; + height: auto; padding: 1.0em 0 1.0em 0; background: #FFFFFF url(images/bg_head_breadcrumbs.jpg) repeat-y; } @@ -144,35 +175,6 @@ div.popup { background: url(images/ofbizLogo.gif); } -.sitename { - width: 400px; - height: 45px; - position: absolute; - z-index: 1; - margin: 20px 0 0 130px; - overflow: visible !important /*Firefox*/; - overflow: hidden /*IE6*/; -} - -.sitename h1 { - font-size: 240%; -} - -.sitename h2 { - margin: -4px 0 0 0; - color: #7D7D7D; - font-size: 120%; -} - -.sitename a { - text-decoration: none; - color: #7D7D7D; -} - -.sitename a:hover { - text-decoration: none; - color: #323232; -} .microcart { width: 400px; @@ -217,7 +219,7 @@ div.popup { } .nav1 { - width: 350px; + width: 100%; position: absolute; z-index: 3; margin: 45px 0 0 550px; @@ -292,19 +294,34 @@ div.popup { color: rgb(50, 50, 50); } +.align-left { + text-align: left; +} + +.flags { + float:right; +} + +.flags li { + border-right: none!important; +} + /*Drop-down menu*/ .nav2 { - float: left; - width: 900px; - border: none; - background: #DCDCDC url(images/bg_head_bottom_nav.jpg) no-repeat; - color: #4B4B4B; - font-size: 130%; + float: left; + width: 100%; + border: none; + background: #DCDCDC url(images/bg_head_bottom_nav.jpg) no-repeat; + color: #4B4B4B; + font-size: 130%; + background-size: cover; + margin-bottom:15px; } /*Color navigation bar normal mode*/ .nav2 ul { list-style-type: none; + margin-bottom: 0px;; } .nav2 ul li { @@ -676,29 +693,34 @@ div.popup { /********************/ /* FOOTER SECTION */ /********************/ -.footer p { +footer .d-flex { line-height: 1.3em; text-align: center; color: rgb(125, 125, 125); font-weight: bold; - font-size: 110%; + font-size: 107%; + margin-bottom: 1rem; } -.footer p.credits { +footer .align-items-center { + padding: 14px 0px 0px 0px; +} + +footer .credits { font-weight: normal; } -.footer a { +footer a { text-decoration: underline; color: rgb(125, 125, 125); } -.footer a:hover { +footer a:hover { text-decoration: none; color: rgb(0, 0, 0); } -.footer a:visited { +footer a:visited { color: rgb(0, 0, 0); } @@ -762,7 +784,7 @@ div.popup { visibility: hidden; } -.footer:after, +footer:after, footer div:after p:after { content: "."; display: block; @@ -837,9 +859,8 @@ p:after { } @media print { - .footer { + footer { clear: both; - width: 900px; height: 3.7em; padding: 1.1em 0 0; background: rgb(240, 240, 240); @@ -1577,12 +1598,6 @@ img { behavior: url("/images/pngbehavior.htc"); } -.endcolumns { - clear: both; - height: 0px; - visibility: hidden; -} - .hidden { visibility: hidden; } @@ -1744,14 +1759,6 @@ A.tableheadbutton:hover { .browsecategorylist { margin-left: 10px; } - -.browsecategorytext { - font-weight: bold; - color: #467AA7; - padding-left: 10px; - background: url(images/bg_bullet_full_2.gif) no-repeat 0px 0.5em; -} - A.browsecategorybutton { font-weight: bold; color: #000099; @@ -4200,4 +4207,4 @@ button.ui-button::-moz-focus-inner { .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; -} +} \ No newline at end of file Modified: ofbiz/ofbiz-plugins/branches/release17.12/multiflex/widget/Theme.xml URL: http://svn.apache.org/viewvc/ofbiz/ofbiz-plugins/branches/release17.12/multiflex/widget/Theme.xml?rev=1851184&r1=1851183&r2=1851184&view=diff ============================================================================== --- ofbiz/ofbiz-plugins/branches/release17.12/multiflex/widget/Theme.xml (original) +++ ofbiz/ofbiz-plugins/branches/release17.12/multiflex/widget/Theme.xml Sat Jan 12 18:55:51 2019 @@ -30,10 +30,12 @@ under the License. <extends location="component://common-theme/widget/Theme.xml"/> <theme-properties> + <property name="VT_HDR_JAVASCRIPT['add']" value="/ecommerce/js/bootstrap.min.js"/> <!--Css style--> <property name="VT_STYLESHEET['add']" value="/ecommerce/images/blog.css"/> <property name="VT_STYLESHEET['add']" value="/multiflex/style.css"/> <property name="VT_STYLESHEET['add']" value="/contentimages/css/contentForum.css"/> + <property name="VT_STYLESHEET['add']" value="/ecommerce/css/bootstrap.min.css"/> <!--template location--> <property name="VT_HDR_TMPLT_LOC" value="component://multiflex/template/Header.ftl"/> <property name="VT_FTR_TMPLT_LOC" value="component://multiflex/template/Footer.ftl"/> |
Free forum by Nabble | Edit this page |