Homepage Slider

Hi Aaron,

yes, there is. If you know how to code, I can point you in the right direction.

Thanks,
Cristian.

coding is no problem! just tell me what and where to put it. I will need help on what code to insert. Let me know thank you ??

Hi Aaron,

I can’t offer a copy/paste solution, but I can guide you and offer some hints / tips. Let me know if that’s ok with you.

Thanks,
Cristian.

i can try my best, let me know

Hi Aaron,

have a look at this file: https://bitbucket.org/machothemes/pixova-lite/src/4120212e983e8082984b38f72547c0fd48ff69ee/sections/section-intro.php?at=master&fileviewer=file-view-default.

Lines 21 & 23 control the background image (right now, it’s only one). This is the script I recommend for building a slider: https://bxslider.com

Take a look at how they’ve constructed their HTML markup (you should have more than 1 item – hint hint ).

Start experimenting with it and see where it takes you. Post here if you run into any trouble. Also, it will be a lot easier for me to offer some hints / tips if you post some code somewhere public, where I can see it.

Thanks,
Cristian.

will do and let you know tomorrow thanks! its 4am in china now

I have downloaded the bx slider files but not sure what to do with them. bear with me, first step is to link the files. The files are in my downloads folder, should they be moved somewhere else? Then these lines of code

<!– jQuery library (served from Google) –>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js”></script>
<!– bxSlider Javascript file –>
<script src=”/js/jquery.bxslider.min.js”></script>
<!– bxSlider CSS file –>
<link href=”/lib/jquery.bxslider.css” rel=”stylesheet” />

Do i put them into the style.css file?

Thanks for your help so far

Hi Aaron,

yes, you should first move the bxSlider files to the pixova lite directory. Try following the directory structure in there. For example, we’ve placed all CSS & JS files in:

layout/css/ respectively, /layout/js/

After you’re done with placing the files there, learn how to include them with WordPress. Here’s something that should help: wp_enqueue_script.

Thanks,
Cristian.

Hello,

I have downloaded an installed filezilla and placed the files in the correct locations, also I will assume i can place the corresponding images into the image folder within the theme layout folder?

Now I understand that i need to now create html markup, I dont know where to post this code

<ul class=”bxslider”>

• <img src=”/images/pic1.jpg” />
• <img src=”/images/pic2.jpg” />
• <img src=”/images/pic3.jpg” />
• <img src=”/images/pic4.jpg” />

as for your wp_enqueue_script i understand that this line of code has to be added in order to load the script into the page

wp_enqueue_script( $handle, $src, $deps, $ver, $in_header );

I am unsure where to put this code, along with creating the bxslider class and where to put it. Let me know if you can advise me further. Thanks a lot

Aaron

Hi Aaron,

as I said in my first reply – you need to know how to code to make this work. At this point, it’s like I’m writing a tutorial on how to add slider functionality to our free theme. A functionality, that exists only in the PRO version of our theme for a reason.

If you can manage to add every script properly and need some along the road guidance, I’ll still help you.

Until then, I’m afraid you are on your own.

Thanks,
Cristian.