Monitor Reply

Support

v8.4.0 ready and navigation style

Permalink Browser Info Environment June 25, 2018 at 2:51 PM

Hello,

I'm interested in buying this add-on. But I couldn't find it in the marketplace of my new concrete5 8.4.0 instance. Isn't it compatible?
The second thing is what's about the navigation style? Does the theme designer apply the css styles from the navigation to the core navigation block? I hope you can understand what I mean. This is one important thing to know and not mentioned in your video or documentation.

Thanks.

Type:	Pre-Sale
Status:	Resolved

ramonleenders replied on Jun 25, 2018 at 3:00 pm Permalink Reply

Hi there,

On the marketplace page it's mentioned "5.7.3.1+". There aren't any details for 8.x, but it fully works with anything 5.7.3.1 or higher. So your version, 8.4.0, works perfect too! No problem at all.

Not sure what you mean with core navigation... Each theme can have its own menu to navigate through, so you're free to place any blocks in any areas you defined by yourself. If you use the default theme (elemental) and use that block in your own designed theme, it works as expected. Of course each theme has different HTML and it depends on the Block Type's output if it's OK for your theme or not. That's more Block Type related (autonav Block Type you mean I guess), not theme related.

Hope this answers your questions?

Kind regards,

Ramon

mst replied on Jun 25, 2018 at 3:59 pm Permalink Reply

I purchased the add-on and installed it. But if I click on "Make the theme!" nothing happens.

ramonleenders replied on Jun 25, 2018 at 4:07 pm Permalink Reply

Hi there,

Did you set read/write rights (755 or 777) to your /packages directory?

Kind regards,
Ramon

mst replied on Jun 25, 2018 at 4:30 pm Permalink Reply

Yes, I did.

mst replied on Jun 25, 2018 at 5:08 pm Permalink Reply 1 Attachment

If I enter only test in the fields it creates a package. But with the following content it doesn't create anything.

header:

<!-- styles -->
  <link href="assets/css/bootstrap.css" rel="stylesheet">
  <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
  <link href="assets/css/docs.css" rel="stylesheet">
  <link href="assets/css/prettyPhoto.css" rel="stylesheet">
  <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
  <link href="assets/css/camera.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300|Open+Sans:400,300,300italic,400italic" rel="stylesheet">
  <link href="assets/css/style.css" rel="stylesheet">
  <link href="assets/color/success.css" rel="stylesheet">

footer:

<footer class="footer">
    <div class="container">
      <div class="row">
        <div class="span4">
          <div class="widget">
            <?php
$a = new GlobalArea("Footer Spalte 1");
$a->display();
?>
          </div>
        </div>
        <div class="span4">
          <div class="widget">
            <?php
$a = new GlobalArea("Footer Spalte 2");

Viewing 15 lines of 64 lines. View entire code block.

 <footer class="footer">
    <div class="container">
      <div class="row">
        <div class="span4">
          <div class="widget">
            <?php
$a = new GlobalArea("Footer Spalte 1");
$a->display();
?>
          </div>
        </div>
        <div class="span4">
          <div class="widget">
            <?php
$a = new GlobalArea("Footer Spalte 2");
$a->display();
?>
          </div>
        </div>
        <div class="span4">
          <div class="widget">
            <?php
$a = new GlobalArea("Footer Spalte 3");
$a->display();
?>
 
          </div>
        </div>
      </div>
    </div>
 
    <div class="verybottom">
      <div class="container">
        <div class="row">
          <div class="span6">
            <?php
$a = new GlobalArea("Footer bottom Spalte 1");
$a->display();
?>
          </div>
          <div class="span6">
            <div class="pull-right">
                  <?php
$a = new GlobalArea("Footer bottom Spalte 1");
$a->display();
?>
            </div>
          </div>
        </div>
      </div>
 
    </div>
  </footer>
 
  <script src="assets/js/jquery.easing.1.3.js"></script>
  <script src="assets/js/google-code-prettify/prettify.js"></script>
  <script src="assets/js/modernizr.js"></script>
  <script src="assets/js/bootstrap.js"></script>
  <script src="assets/js/jquery.elastislide.js"></script>
  <script src="assets/js/jquery.flexslider.js"></script>
  <script src="assets/js/jquery.prettyPhoto.js"></script>
  <script src="assets/js/application.js"></script>
  <script src="assets/js/hover/jquery-hover-effect.js"></script>
  <script src="assets/js/hover/setting.js"></script>
  <script src="assets/js/camera/camera.min.js"></script>
  <script src="assets/js/camera/setting.js"></script>
 
  <!-- Template Custom JavaScript File -->
  <script src="assets/js/custom.js"></script>

navigation:

<header>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <!-- logo -->
            <?php
$a = new GlobalArea("Logo");
$a->display();
?>
          <!-- end logo -->
          <!-- top menu -->
          <div>
            <nav>
              <ul class="nav topnav">
                <li class="dropdown success active">

Viewing 15 lines of 90 lines. View entire code block.

 
 <header>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <!-- logo -->
            <?php
$a = new GlobalArea("Logo");
$a->display();
?>
          <!-- end logo -->
 
          <!-- top menu -->
          <div>
            <nav>
              <ul class="nav topnav">
                <li class="dropdown success active">
                  <a href="index.html"><i class="icon-home icon-white"></i> Home</a>
                  <ul class="dropdown-menu">
                    <li><a href="index_alt1.html">Index alt 1</a></li>
                    <li><a href="index_alt2.html">Index alt 2</a></li>
                  </ul>
                </li>
                <li class="dropdown primary">
                  <a href="#"><i class="icon-star icon-white"></i> Features</a>
                  <ul class="dropdown-menu">
                    <li><a href="overview.html">Overview</a></li>
                    <li><a href="scaffolding.html">Scaffolding</a></li>
                    <li><a href="base-css.html">Base CSS</a></li>
                    <li><a href="components.html">Components</a></li>
                    <li><a href="javascript.html">Javascripts</a></li>
                    <li class="dropdown"><a href="#">3rd level</a>
                      <ul class="dropdown-menu sub-menu">
                        <li><a href="#">Example menu</a></li>
                        <li><a href="#">Example menu</a></li>
                        <li><a href="#">Example menu</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="dropdown danger">
                  <a href="#"><i class="icon-leaf icon-white"></i> Pages</a>
                  <ul class="dropdown-menu">
                    <li><a href="about.html">About us</a></li>
                    <li><a href="services.html">Our services</a></li>
                    <li><a href="pricingtable.html">Pricing table</a></li>
                    <li><a href="faq.html">F.A.Q</a></li>
                    <li><a href="fullwidth.html">Fullwidth</a></li>
                    <li><a href="404.html">404</a></li>
                  </ul>
                </li>
                <li class="dropdown warning">
                  <a href="#"><i class="icon-camera icon-white"></i> Portfolio</a>
                  <ul class="dropdown-menu">
                    <li class="dropdown"><a href="#">Portfolio type 1</a>
                      <ul class="dropdown-menu sub-menu">
                        <li><a href="portfolio-alt1-2cols.html">2 columns</a></li>
                        <li><a href="portfolio-alt1-3cols.html">3 columns</a></li>
                        <li><a href="portfolio-alt1-4cols.html">4 columns</a></li>
                      </ul>
                    </li>
                    <li class="dropdown"><a href="#">Portfolio type 2</a>
                      <ul class="dropdown-menu sub-menu">
                        <li><a href="portfolio-alt2-2cols.html">2 columns</a></li>
                        <li><a href="portfolio-alt2-3cols.html">3 columns</a></li>
                        <li><a href="portfolio-alt2-4cols.html">4 columns</a></li>
                      </ul>
                    </li>
                    <li><a href="portfolio-alt3.html">Portfolio type 3</a></li>
                    <li><a href="portfolio-detail.html">Portfolio detail</a></li>
                  </ul>
                </li>
                <li class="dropdown info">
                  <a href="#"><i class="icon-bullhorn icon-white"></i> Blog</a>
                  <ul class="dropdown-menu">
                    <li><a href="blog_left_sidebar.html">Blog left sidebar</a></li>
                    <li><a href="blog_right_sidebar.html">Blog right sidebar</a></li>
                    <li><a href="post_left_sidebar.html">Post left sidebar</a></li>
                    <li><a href="post_right_sidebar.html">Post right sidebar</a></li>
                  </ul>
                </li>
                <li class="inverse">
                  <a href="contact.html"><i class="icon-envelope icon-white"></i> Contact</a>
                </li>
              </ul>
            </nav>
          </div>
          <!-- end menu -->
        </div>
      </div>
    </div>
  </header>

page

<?php $this->inc('elements/navigation.php'); ?>
 <section id="maincontent">
    <div class="container">
<?php
$a = new Area("Main");
$a->display();
?>
</div>
</section>

The assets.zip is attached.

mst replied on Jun 25, 2018 at 5:32 pm Permalink Reply

I used a number in the handle and didn't get an error message because of that. After I deleted the number I could create a package. But there is no theme, only an installed package.

ramonleenders replied on Jun 26, 2018 at 6:24 am Permalink Reply

Hi there,

Correct, a package should be installable and that package should have a theme in it. It should be in /packages/your_handle/themes/your_handle. Can you confirm?

Numbers are not allowed indeed, because that doesn't work with PHP namespaces. Seems that slipped through with the validation for some reason, so that will be fixed in the next update. Good catch.

Kind regards,

Ramon

Theme Designer

Support

v8.4.0 ready and navigation style

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post