Home Forums EZY Template Simple menu

This topic contains 41 replies, has 2 voices, and was last updated by  Support2 3 months, 2 weeks ago. This post has been viewed 337 times

Viewing 42 posts - 1 through 42 (of 42 total)
  • Author
    Posts
  • #10029027

    dxs8042
    Participant

    Can you please make a simple menu with just five menu button:

    Home Shop Sizing Faqs Blog

    Im using shop 2 theme here is the menu code

    https://pastebin.com/raw/yLwSRkz2


    • This topic was modified 4 months ago by  Support2.
    #10029034

    Support2
    Keymaster

    Hello,

    Here is the code you need:

    <div class="header-container container">
    	<div class="header-row">
    		<div class="header-column justify-content-start">
    			<div class="header-logo">
    				<a href="index.html">
    				<img alt="HL" width="128" height="50" src="img/logo-shop.png" />
    			  </a>
    			</div>
    		</div>
    		<div class="header-column justify-content-end">
    			<div class="header-search-expanded">
    				<form method="GET">
    					<div class="input-group bg-light border">
    					  	<input type="text" class="form-control text-4" name="s" placeholder="I'm looking for..." aria-label="I'm looking for...">
    					  	<span class="input-group-btn">
    					    	<button class="btn" type="submit"><i class="lnr lnr-magnifier text-color-dark"></i></button>
    					  	</span>
    					</div>
    				</form>
    			</div>
    			<div class="header-nav justify-content-start">
    				<a href="#">
    					<i class="lnr lnr-magnifier"></i>
    				</a>
    				<div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1">
    					<nav class="collapse">
    						<ul class="nav flex-column flex-lg-row" id="mainNav">
    							<li><a href="#">Home</a></li>
    							<li><a href="#">Shop</a></li>
    							<li><a href="#">Sizing</a></li>
    							<li><a href="#">Faqs</a></li>
    							<li><a href="#">Blog</a></li>
    						</ul>
    					</nav>
    				</div>
    				<button class="header-btn-collapse-nav order-4 ml-3" data-toggle="collapse" data-target=".header-nav-main nav">
    					<span class="hamburguer">
    						<span></span>
    						<span></span>
    						<span></span>
    					</span>
    					<span class="close">
    						<span></span>
    						<span></span>
    					</span>
    				</button>
    			</div>
    		</div>
    	</div>
    </div>

    If you want to change the menu items alignment to the right, just change the header nav class to:

    <div class="header-nav justify-content-start">

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10029042

    dxs8042
    Participant

    works, how do i get rid of search button?


    #10029043

    Support2
    Keymaster

    Hello,

    Just remove this part of code:

    <div class="header-search-expanded">
    	<form method="GET">
    		<div class="input-group bg-light border">
    		  	<input type="text" class="form-control text-4" name="s" placeholder="I'm looking for..." aria-label="I'm looking for...">
    		  	<span class="input-group-btn">
    		    	<button class="btn" type="submit"><i class="lnr lnr-magnifier text-color-dark"></i></button>
    		  	</span>
    		</div>
    	</form>
    </div>

    And this:

    <a href="#">
    	<i class="lnr lnr-magnifier"></i>
    </a>

    Kind Regards,

    Rodrigo.


    #10029076

    dxs8042
    Participant

    also how do I add to home button or shop button a dropdown menu


    #10029087

    Support2
    Keymaster

    Hello,

    Here is the code you need:

    <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1">
    	<nav class="collapse">
    		<ul class="nav flex-column flex-lg-row" id="mainNav">
    			<li class="dropdown">
    				<a href="#" class="dropdown-toggle">Home</a>
    				<ul class="dropdown-menu">
    					<li><a href="#">Item 1</a></li>
    					<li><a href="#">Item 2</a></li>
    					<li><a href="#">Item 3</a></li>
    				</ul>
    			</li>
    			<li class="dropdown">
    				<a href="#">Shop</a>
    				<ul class="dropdown-menu">
    					<li><a href="#">Item 1</a></li>
    					<li><a href="#">Item 2</a></li>
    					<li><a href="#">Item 3</a></li>
    				</ul>
    			</li>
    			<li><a href="#">Sizing</a></li>
    			<li><a href="#">Faqs</a></li>
    			<li><a href="#">Blog</a></li>
    		</ul>
    	</nav>
    </div>

    Kind Regards,

    Rodrigo.


    #10029095

    dxs8042
    Participant

    works but it doesnt work in mobile device


    #10029097

    dxs8042
    Participant

    Also how do I make the column look less wider?


    #10029100

    Support2
    Keymaster

    Hello,

    1) Sorry, really was missing a class on the “Shop” item in my previous code. The “Home” it’s working but “Shop” not. Please use this new:

    <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1">
    	<nav class="collapse">
    		<ul class="nav flex-column flex-lg-row" id="mainNav">
    			<li class="dropdown">
    				<a href="#" class="dropdown-toggle">Home</a>
    				<ul class="dropdown-menu">
    					<li><a href="#">Item 1</a></li>
    					<li><a href="#">Item 2</a></li>
    					<li><a href="#">Item 3</a></li>
    				</ul>
    			</li>
    			<li class="dropdown">
    				<a href="#">Shop</a>
    				<ul class="dropdown-menu">
    					<li><a href="#">Item 1</a></li>
    					<li><a href="#">Item 2</a></li>
    					<li><a href="#">Item 3</a></li>
    				</ul>
    			</li>
    			<li><a href="#">Sizing</a></li>
    			<li><a href="#">Faqs</a></li>
    			<li><a href="#">Blog</a></li>
    		</ul>
    	</nav>
    </div>

    * Just added the dropdown-toggle on the “Shop” item.

    2) Regarding column less wider: What column exactly you mean ? Normally the size of a column depends on it content size.

    Kind Regards,

    Rodrigo.


    #10029102

    dxs8042
    Participant

    another questions how do you activate search in blog

    <input type=”text” class=”form-control line-height-1 bg-light-5″ name=”s” id=”s” placeholder=”Search…” required=””>


    #10029103

    dxs8042
    Participant

    thank you for all the help

    another question about blogs, how do I use them is there a guide or easy way to figure it out?


    #10029118

    Support2
    Keymaster

    Hello,

    Regarding the search and blog, note that EZY is an HTML static HTML template, this mean that the Seach and blog functionality is not functional. You will need use you own server side code to make the search and blog functional (return data from database).

    We have an alternative for the search:

    Let us know if you have more questions.

    Kind Regards,

    Rodrigo.


    #10029125

    dxs8042
    Participant

    another error with contact form tried debug = 2 still won’t work


    #10029126

    dxs8042
    Participant

    using latest version


    #10029138

    Support2
    Keymaster

    Hello,

    You are receiving the emails (even showing error when sends the message) ?

    Please share the link of your website with us, so we can do the necessary tests to detect where is the issue.

    Kind Regards,

    Rodrigo.


    #10029150

    dxs8042
    Participant
    This reply has been marked as private.
    #10029153

    Support2
    Keymaster

    Hello,

    Regarding the contact form error, the reason is that you contact-form.php file it’s returning a server error 500.
    – Share all code of your contact-form.php file with us.
    – Share the log file of your server with us (normally the error.log file on the root of server)

    Regarding the animation i’m little confused. Witch animation exactly you mean ? When clicks on the submit button and shows the form ?

    Kind Regards,

    Rodrigo.


    #10029164

    dxs8042
    Participant
    This reply has been marked as private.
    #10029168

    Support2
    Keymaster

    Hello,

    Just replace this parallax code with the page header code below (same code from about us page) and add some extra padding and margin classes:

    <section class="page-header mb-0">
    	<div class="container mb-5 pb-5">
    		<div class="row">
    			<div class="col-md-12">
    				<ul class="breadcrumb">
    					<li><a href="index.html">HOME</a></li>
    					<li class="active">Pages</li>
    				</ul>
    			</div>
    		</div>
    		<div class="row mb-5 pb-4">
    			<div class="col-md-12">
    				<h1 class="font-weight-bold">CONTACT US</h1>
    
    			</div>
    		</div>
    	</div>
    </section>

    Kind Regards,

    Rodrigo.


    #10029169

    dxs8042
    Participant
    This reply has been marked as private.
    #10029175

    Support2
    Keymaster

    Hello,

    The padding and margin classes already are in my previous code for you.

    Look for:

    <div class="container mb-5 pb-5">
    
    and
    
    <div class="row mb-5 pb-4">

    Kind Regards,

    Rodrigo.


    #10029177

    dxs8042
    Participant
    This reply has been marked as private.
    #10029182

    Support2
    Keymaster

    Hello,

    You mean move the content “We’d love to hear from you!” to below ?

    In that case change the page header code to:

    <section class="page-header mb-0">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-12">
    				<ul class="breadcrumb">
    					<li><a href="index.html">HOME</a></li>
    					<li class="active">Pages</li>
    				</ul>
    			</div>
    		</div>
    		<div class="row">
    			<div class="col-md-12">
    				<h1 class="font-weight-bold">CONTACT US</h1>
    
    			</div>
    		</div>
    	</div>
    </section>

    * Just removed the margin and padding classes.

    And change this section html:

    <section class="section section-content-pull-top-2 pull-top-level-3 z-index-1 py-lg-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">

    To this:

    <section class="section z-index-1 pb-lg-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">

    Kind Regards,

    Rodrigo.


    #10029183

    dxs8042
    Participant
    This reply has been marked as private.
    #10029184

    dxs8042
    Participant
    This reply has been marked as private.
    #10029200

    Support2
    Keymaster

    Hello,

    Regarding the contact form error, the reason is that you contact-form.php file it’s returning a server error 500.
    – Share all code of your contact-form.php file with us.
    – Share the log file of your server with us (normally the error.log file on the root of server)

    Regarding the free shipping on mobile, change the HTML to:

    <div class="header-column justify-content-start d-none d-sm-flex">
            <p>FREE DOMESTIC SHIPPING WITH ANY PURCHASE </p>
    </div>

    For the about us, change to this HTML:

    <ul class="nav">
        <li class="nav-item"> <a class="nav-link" href="about.html">About Us</a></li>
        <li class="nav-item d-none d-sm-block"> <a class="nav-link" href="contact.html">Contact Us</a></li>
    </ul>

    Kind Regards,

    Rodrigo.


    #10029211

    dxs8042
    Participant
    This reply has been marked as private.
    #10029215

    Support2
    Keymaster

    Hello,

    1) Regarding contact form:
    Inspecting your code we not found any syntax error that can be causing the error 500. In that case we need to check your error.log file. Normally this file is located on the root folder of your website FTP. If you don’t find the file you should contact the support of your hosting provider to generate and get this file.

    * Also check if your PHP version is 5.5+. The EZY contact form requires a PHP version of 5.5 or more.

    2) Regarding the shipping sentence, sorry I sent the wrong code for you. The correct is:

    <div class="header-column justify-content-start">
            <p>FREE DOMESTIC SHIPPING WITH ANY PURCHASE </p>
    </div>

    Kind Regards,

    Rodrigo.


    #10029220

    dxs8042
    Participant
    This reply has been marked as private.
    #10029223

    dxs8042
    Participant
    This reply has been marked as private.
    #10029229

    Support2
    Keymaster

    Hello,

    Thanks for the error log.
    As you can see on the log messages, is returning PHP syntax errors. This mean that you are using an old version of PHP. You need a PHP with minimun version of 5.5 to get the contact form working. Contact your hosting provider to update the PHP version in your server.

    Regarding the shipping issue, try changing your custom CSS code in (css/custom.css) to:

    @media(max-width: 600px) {
       #header nav ul.nav-top, #header .header-top {
           display: flex;
       }
    
       #header nav ul.nav-top li {
           display: flex;
       }
    }

    Kind Regards,

    Rodrigo.


    #10029235

    dxs8042
    Participant
    This reply has been marked as private.
    #10029241

    Support2
    Keymaster

    Hello,

    For example to change the position of “BRIMMED COLLECTION”:

    1) Change the image frame wrapper to:

    <div class="image-frame-wrapper align-items-end">

    * Possible values: align-items-end and align-items-start.

    2) Also will be necessary a small padding to create a gap between text and the limit of image box:

    <div class="image-frame-info image-frame-info-show flex-column align-items-center pb-3">

    * Note the pb-3.

    Learn more about flex here:
    https://getbootstrap.com/docs/4.3/utilities/flex/

    Kind Regards,

    Rodrigo.


    #10029244

    dxs8042
    Participant
    This reply has been marked as private.
    #10029245

    dxs8042
    Participant
    This reply has been marked as private.
    #10029260

    Support2
    Keymaster
    This reply has been marked as private.
    #10029282

    dxs8042
    Participant
    This reply has been marked as private.
    #10029285

    Support2
    Keymaster

    Hello,

    In our preview we have the grey background on the image (not by code):
    http://preview.oklerthemes.com/ezy/1.1.0/img/products/product-6.jpg

    As you are using images with transparent background you can just add the class bg-light-5 on the image frame wrapper:

    <span class="image-frame-wrapper image-frame-wrapper-overlay-bottom image-frame-wrapper-overlay-light image-frame-wrapper-align-end bg-light-5">

    Kind Regards,

    Rodrigo.


    #10029287

    dxs8042
    Participant
    This reply has been marked as private.
    #10029288

    dxs8042
    Participant

    got it fixed, thank you Rodrigo you’re a genius.


    #10029312

    dxs8042
    Participant
    This reply has been marked as private.
    #10029333

    Support2
    Keymaster

    Hello,

    Unfortunately we don’t know any ready free script to integrate with EZY for login/signin functionality.
    You will need knowledge with some server side language like PHP, ASP.NET, etc… and create your custom code to connect with database for register new users and signin.

    Kind Regards,

    Rodrigo.


Viewing 42 posts - 1 through 42 (of 42 total)