• Sieg

    (@harrismaynard)


    Hello! I’m working on the portfolio section of a site for a client with an existing non-wordpress website. The client originally wanted to use shopify and have me convert their portfolio section to fit on there, and I took the job thinking it would be easy to do. BIG mistake. I got in WAY over my head and made my price way too low for the amount of time spent. A promise is a promise though! There is little to no support for more advanced things in shopify, so I’m going to make a mockup site with an e-commerce template and use the woocommerce plugin to show them that what they want can still be done, but it will cost them a lot less money and time to do it with WordPress. I promised this to be done a while ago with the shopify CMS, but I’ve been dead in the water for a while and am pulling my hair out. I’m trying to salvage this the best way I know how: the awesomeness of wordpress. I love using, developing, and designing with wordpress and learn more and more every project, but I’m a bit new to java and jquery. It’s pretty straightforward for me with a plain website, but not within wordpress. I know some templates that I’ve played with and modified use it frequently though.

    I really just want to take the code from the existing site and tweak it to be one page template within wordpress or even just be shown how to put it as the text within a page. I tried putting the code into a page and using the single page template, but that didn’t work very well at all, nor did it seem to use any of the scripts the code references. Here is the page that needs to be converted: https://hausinterior.com/portfolio

    Each item in the portfolio comes with it’s own set of images within the fancybox/lightbox. Within that page it also has 3 different sections. I could probably do something like this from scratch eventually, but it would take me a LONG time. I’m not wonderful at this stuff yet, but what I don’t know I research the hell out of til I figure it out! If any of you could help me out or point me in the right direction, I would be very appreciative. I want to get this done quickly so this poor lady doesn’t have to wait for my biting off more than I can chew much longer! Thanks in advance!

Viewing 1 replies (of 1 total)
  • Maynard, I can give you a couple of pointers.

    Javascripts:
    The portfolio pages call quite a few javascripts in the <head>.
    1. Make sure you include these in your theme (i usually put them in a their own folder)
    2. Look at this codex page for best practices for loading custom javascripts
    3. Once the scripts are loaded you can initiate them directly in the page template or in the header.php template

    Template:
    1. make a template file called page-portfolio.php in your theme directory
    2. put all the code in the new template file (excluding header and footer stuff)
    3. in the wordpress admin, create a page called Portfolio (make sure the url slug is ‘portfolio’) and it should point to your template.

    Hope it helps,
    Rocco

Viewing 1 replies (of 1 total)
  • The topic ‘How to use existing (rather extensive) code for a single page within WordPress?’ is closed to new replies.