Forum for discussing general topics related to Couch.
4 posts Page 1 of 1
Hi

I have just completed a new website and have installed couchcms in the site and just seeing how to integrate it into the site that has 4 sections, the site is a one page site with 4 sections called Home, Services, Products and Contact

How would I integrate it into each section so each sections text/images can be changed from the admin side?

below is the coding I have

Code: Select all
<?php require_once( 'cms/cms.php' ); ?>
<?php session_start(); ?>

<?php
$title = "";

include ( 'includes/header.php' );
?>

<div id="home">
<!-- Slider Starts -->
<div id="myCarousel" class="carousel slide banner-slider animated flipInX" data-ride="carousel">     
      <div class="carousel-inner">
        <!-- Item 1 -->
        <div class="item active">
          <img src="images/slideshow/cleaning-banner-1.jpg" alt="banner">         
            <div class="carousel-caption">
               <div class="caption-wrapper">
                  <div class="caption-info">
                  <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">-->
                    <h1 class="animated bounceInLeft">Falcon Cleaning &amp; Support Services</h1>
                    <div class="scroll animated fadeInUp"><a href="#services" class="btn btn-default"><i class="fa fa-flask"></i>  View Services</a> <a href="#contact" class="btn btn-default"><i class="fa fa-paper-plane-o"></i> Contact Us</a></div>
                    </div>
                 </div>
            </div>
        </div>
        <!-- #Item 1 -->

        <!-- Item 2 -->
        <div class="item">
          <img src="images/slideshow/cleaning-banner-2.jpg" alt="banner">         
             <div class="carousel-caption">
               <div class="caption-wrapper">
                  <div class="caption-info">
                <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">-->
                  <h1 class="animated bounceInLeft"></h1>
                  <p class="animated bounceInRight"></p>
                  <div class="scroll animated fadeInUp"><a href="#services" class="btn btn-default"><i class="fa fa-flask"></i>  View Services</a> <a href="#contact" class="btn btn-default"><i class="fa fa-paper-plane-o"></i> Contact Us</a></div>
                  </div>
                </div>
            </div>
        </div>
        <!-- #Item 2 -->

        <!-- Item 3 -->
        <div class="item">
          <img src="images/slideshow/cleaning-banner-3.jpg" alt="banner">         
             <div class="carousel-caption">
               <div class="caption-wrapper">
                  <div class="caption-info">
                <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">-->
                  <h1 class="animated bounceInLeft"></h1>
                  <p class="animated bounceInRight"></p>
                  <div class="scroll animated fadeInUp"><a href="#services" class="btn btn-default"><i class="fa fa-flask"></i>  View Services</a> <a href="#contact" class="btn btn-default"><i class="fa fa-paper-plane-o"></i> Contact Us</a></div>
                  </div>
                </div>
            </div>
        </div>
        <!-- #Item 3 -->

      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="fa fa-angle-left"></i></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="fa fa-angle-right"></i></span></a>
    </div>
<!-- #Slider Ends -->
</div>









<!-- Cirlce Starts -->
<div id="about"  class="container spacer about">
  <div class="row">
  <div class="col-sm-6 wowload fadeInLeft">
    <h4><i class="fa fa-paint-brush"></i> Falcon Cleaning &amp; Support Services</h4>
    <p>
    We specialise in commercial/high end cleaning and aim to provide our clients with a personalised and efficient service and friendly staff. We offer a wide range of services, including: Abseiling Rope Access, Access Equipment, Specialist Cleaning, Graffiti Removal, Lift &amp; Shaft Cleaning, HVAC &amp; Duct Cleaning and more... We are proud that a large number of our new clients come from referrals, proving that we provide good value and satisfying our clients needs.
    </p>
   

  </div>
  <div class="col-sm-6 wowload fadeInRight">
  <h4><i class="fa fa-code"></i> What makes us different?</h4>
  <p>
  <i class="fa fa-check fa-2x" aria-hidden="true"></i>We build and encourage strong relationships
  <br />
  <i class="fa fa-check fa-2x" aria-hidden="true"></i>We guarantee all of our work
  <br />
  <i class="fa fa-check fa-2x" aria-hidden="true"></i>We provide flexible payment methods
  <br />
  <i class="fa fa-check fa-2x" aria-hidden="true"></i>We are fully insured – up to £10,000,000
  <br />
  <i class="fa fa-check fa-2x" aria-hidden="true"></i>Our cleaners are Police and DBS checked
  <br />
  <i class="fa fa-check fa-2x" aria-hidden="true"></i>Uniformed, dependable and responsible staff
  </p>   
  </div>
 
  </div>

</div>
<!-- #Cirlce Ends -->


<!-- services -->
<div id="services"  class=" clearfix grid">
    <figure class="effect-oscar  wowload fadeInUp">
    <a href="#home">
        <img src="images/about-us.jpg" alt="img01"/>
        <figcaption>
            <h2>Home</h2>
            <p>
           
            <br>
            </p>
        </figcaption>
        </a>
    </figure>
     <figure class="effect-oscar  wowload fadeInUp">
     <a href="#services">
        <img src="images/services.jpg" alt="img01"/>
        <figcaption>
            <h2>Services</h2>
            <p>
            View the wide range of services we provide
            <br>
            </p>
        </figcaption>
        </a>
    </figure>
     <figure class="effect-oscar  wowload fadeInUp">
     <a href="#products">
        <img src="images/news.jpg" alt="img01"/>
        <figcaption>
            <h2>Products</h2>
            <p>
            View the wide range of products we offer
            <br>
            </p>
        </figcaption>
        </a>
    </figure>
     <figure class="effect-oscar  wowload fadeInUp">
     <a href="#contact">
        <img src="images/contact-us.jpg" alt="img01"/>
        <figcaption>
            <h2>Contact</h2>
            <p>
            Contact us via phone, email or post
            <br>
            </p>
        </figcaption>
        </a>
    </figure>
     
   <div class="col-sm-12">
<br><br>
<p>
We offer a wide range of services, including: Abseiling Rope Access, Access Equipment, Specialist Cleaning, Graffiti Removal, Lift &amp; Shaft Cleaning, HVAC &amp; Duct Cleaning and more...
</p>
</div>
</div>
<!-- services -->

<!-- proucts -->
<div id="products" class="container grid ">
<br /><br />
   <h2 class="text-center  wowload fadeInUp">What We Do</h2>
<div class="col-sm-12">
<p>
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Abseiling Rope Access
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Specialist Cleaning
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Graffiti Removal
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Gum Removal
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Lift &amp; Shaft Cleaning
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> HVAC &amp; Duct Cleaning
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> And More...
</p>
</div>
<!-- products -->
</div>

<div id="contact" class="spacer">
<!--Contact Starts-->
<div class="container contactform center">
<h2 class="text-center  wowload fadeInUp">Get in touch with us today</h2>
<p style="text-align: center;">
Falcon Cleaning &amp; Support Services
<br>
Tel:
<br>
E-mail:
</p>
  <div class="row wowload fadeInLeftBig">     
      <div class="col-sm-6 col-sm-offset-3 col-xs-12">
         <form action="index.php#contact" method="post">             
        <input type="text" name="name" placeholder="Name">
        <input type="text" name="phonenumber" placeholder="Phone Number">
        <input type="text" name="email" placeholder="Your Email Address">
        <textarea rows="5" name="message" placeholder="Message"></textarea>
        <img src="captcha.php">
        <input type="text" name="code" placeholder="Enter Captcha Code">
        <button class="btn btn-primary" type="submit" name="submit"><i class="fa fa-paper-plane"></i> Send</button>
        </form>   
      </div>
  </div>

<?php
      if (isset($_POST['submit'])) {
      $error = "";

      if (!empty($_POST['name'])) {
      $name = $_POST['name'];
      } else {
      $error .= "You didn't type in your name. <br />";
      }
      
      if (!empty($_POST['phonenumber'])) {
      $phonenumber = $_POST['phonenumber'];
      } else {
      $error .= "You didn't type in your phone number. <br />";
      }

      if (!empty($_POST['email'])) {
      $email = $_POST['email'];
        if (!preg_match("/^[_a-z0-9]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i", $email)){
        $error .= "The e-mail address you entered is not valid. <br/>";
        }
      } else {
      $error .= "You didn't type in an e-mail address. <br />";
      }

      if (!empty($_POST['message'])) {
      $message = $_POST['message'];
      } else {
      $error .= "You didn't type in a message. <br />";
      }

      if(($_POST['code']) == $_SESSION['code']) {
      $code = $_POST['code'];
      } else {
      $error .= "The captcha code you entered does not match. Please try again. <br />";   
      }

      if (empty($error)) {
      $from = 'From: ' . $name . ' <' . $email . '>';
      $to = "";
      $subject = "New Website Enquiry";
      $content = $name . " has sent you a message, below is the information: \n\n" . "Name: " . $name . "\n\n" . "Phone: " . $phonenumber . "\n\n" . "Email: " . $email . "\n\n" . "Message" . "\n" . $message;
      $success = "<br><br><br><p style='text-align: center;'>Thank you! Your enquiry has been sent. A member of our team will get back to you shortly.</p>";
      mail($to,$subject,$content,$from);
      }
      }
      ?>

                    <?php
         if (!empty($error)) {
         echo '<p class="error"><strong>Your message was NOT sent<br/> The following error(s) returned:</strong><br/>' . $error . '</p>';
         } elseif (!empty($success)) {
         echo $success;
         }
      ?>

</div>
</div>
<!--Contact Ends-->

<?php include( 'includes/footer.php' ); ?>
<?php COUCH::invoke(); ?>


Thank you in advance
I ended up creating new php pages for each section so rather than being one site with 3/4 sections I had 3 or 4 pages and integrated couchcms on each page

It would still be good to know how to integrate couchcms into each section if I do another one page site with multiple sections
Ian, the solution you came up with happens to be the recommended one for one page sites.
Please see
viewtopic.php?f=2&t=6801#p8562
viewtopic.php?f=4&t=7119#p9516
Thank you appreciate it
4 posts Page 1 of 1
cron