"shopping"
Bootstrap 4.1.1 Snippet by anandhi2024

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> G:\xampp\htdocs\wordpress4\wp-content\themes\shopping\index.php <?php /** * The main template file. */ get_header();?> <!-- slider section --> <section class="slider_section "> <div class="blogsgallery"> <?php query_posts('showposts=3'); ?> <?php while (have_posts()) : the_post(); ?> <p> <h3> <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"> <?php the_title(); ?></a> </h3> </p> <div class="entry-content"> <div id="post-thumbnail"> //the size of thumbnail 150X150 px <?php the_post_thumbnail(array(150,150)); ?> </div> //The code will show only the text before the "Read More ..." tag ! <?php global $more; $more = 0; the_content("Read More ..."); ?> </div> <?php endwhile; ?> </div> <?php $args = array( 'hierarchical' => true, 'rewrite' => array( 'slug' => 'genre', 'with_front' => false ) ); $cats = get_categories($args); foreach($cats as $cat) { ?> <a href="<?php echo get_category_link( $cat->term_id ) ?>"> <?php echo $cat->name; ?> </a> <?php } ?> </section> <!-- end slider section --> <?php get_footer(); ?>
G:\xampp\htdocs\wordpress4\wp-content\themes\shopping\header.php <?php /** * The template for displaying the header * * Displays all of the head element and everything up until the "site-content" div. * * @package WordPress * @subpackage Shopping * @since Shopping */ ?><!DOCTYPE html> <html <?php language_attributes(); ?> class="no-js"> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <!--[if lt IE 9]> <script src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/html5.js"></script> <![endif]--> <?php wp_head();?> </head> <body <?php body_class(); ?>> <!--owl slider stylesheet --> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> <!-- nice select --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha512-CruCP+TD3yXzlvvijET8wV5WxxEh5H8P4cmz0RFbKK6FlZ2sYl3AEsKlLPHbniXKSrDdFewhbmBK5skbdsASbQ==" crossorigin="anonymous" /> <!-- bootstrap core css --> <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/bootstrap.css" /> <!-- Custom styles for this template --> <link href="<?php bloginfo('template_directory'); ?>/css/style.css" rel="stylesheet" /> <!-- responsive style --> <link href="<?php bloginfo('template_directory'); ?>/css/responsive.css" rel="stylesheet" /> <!-- header section strats --> <header class="header_section"> <div class="container"> <nav class="navbar navbar-expand-lg custom_nav-container "> <a class="navbar-brand" href="index.html"> <span> Feane </span> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class=""> </span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <!-- <ul class="navbar-nav mx-auto "> <li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="menu.html">Menu</a> </li> <li class="nav-item"> <a class="nav-link" href="about.html">About</a> </li> <li class="nav-item"> <a class="nav-link" href="book.html">Book Table</a> </li> </ul> --> <?php wp_nav_menu( array( 'menu' => 'primary', 'depth' => 2, 'container_class' => 'navbar-collapse collapse', 'menu_class' => 'navbar-nav mx-auto', ) ); ?> </div> </nav> </div> </header> <!-- end header section -->
G:\xampp\htdocs\wordpress4\wp-content\themes\shopping\footer.php <!-- footer section --> <footer class="footer_section"> <div class="container"> <div class="row"> <div class="col-md-4 footer-col"> <div class="footer_contact"> <h4> Contact Us </h4> <div class="contact_link_box"> <a href=""> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Location </span> </a> <a href=""> <i class="fa fa-phone" aria-hidden="true"></i> <span> Call +01 1234567890 </span> </a> <a href=""> <i class="fa fa-envelope" aria-hidden="true"></i> <span> demo@gmail.com </span> </a> </div> </div> </div> <div class="col-md-4 footer-col"> <div class="footer_detail"> <a href="" class="footer-logo"> Feane </a> <p> Necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with </p> <div class="footer_social"> <a href=""> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-instagram" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-pinterest" aria-hidden="true"></i> </a> </div> </div> </div> <div class="col-md-4 footer-col"> <h4> Opening Hours </h4> <p> Everyday </p> <p> 10.00 Am -10.00 Pm </p> </div> </div> <div class="footer-info"> <p> © <span id="displayYear"></span> All Rights Reserved By <a href="https://html.design/">Free Html Templates</a><br><br> © <span id="displayYear"></span> Distributed By <a href="https://themewagon.com/" target="_blank">ThemeWagon</a> </p> </div> </div> </footer> <!-- footer section --> <!-- jQery --> <script src="<?php bloginfo('template_directory'); ?>/js/jquery-3.4.1.min.js"></script> <!-- popper js --> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"> </script> <!-- bootstrap js --> <script src="<?php bloginfo('template_directory'); ?>/js/bootstrap.js"></script> <!-- owl slider --> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"> </script> <!-- isotope js --> <script src="https://unpkg.com/isotope-layout@3.0.4/dist/isotope.pkgd.min.js"></script> <!-- nice select --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script> <!-- custom js --> <script src="<?php bloginfo('template_directory'); ?>/js/custom.js"></script> <!-- Google Map --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"> </script> <?php wp_footer(); ?>

Related: See More

Light Bootstrap Dashboard Angular
Responsive Shopping Cart
Shopping Order Status
Shopping Cart Panel BS 3

Questions / Comments: