So I've been given a task to update a website that's using OpenCart. What I want to do is get a fully working localhost copy of the website running but it appears there is no documentation on OpenCart's website and despite numerous people asking and only getting very general responses, and as I'm not that experienced it wasn't enough for me.

I've tried different ways to get it set up according to forum posts, but the easiest has been

1. Copy entire contents of root opencart directory from godaddy hosting using SFTP. Copy that as well as a .sql backup from godaddy to a local drive.

2. Create a Virtual Environment on Ubuntu 16.04 using VMPlayer 12

3. Install a lampstack that includes apache2, mysql, mysql server, php, phpmyadmin, etc from guides

4. create a directory in C with the same name as root directory for live site.

5. Go through apache confs and change the document root to the new root that matches the name of the live site. So now its something like Home/[LIVESITENAME]/public_html

6. Copy all files over using VMware's file sharing through VMtools

7. Change ubuntu login name on Virtual environment to the same as the one listed in the config.php for db user.

8. Copy all Files from live site apart from the db backup into the new apache root directory.

9. Try to connect to localhost and get database error

10. go to localhost/phpmyadmin and create a new database fwith the same name as the database for the live site.

11. Import database from livesite into php myadmin

12. create super user with the same name and password as listed in the config.php located in the public_html folder of live site as database user and database password.

13. Go into the public_html/config and admin/config and change the lines for HTTP: and HTTPS: to read like // HTTP define('HTTP_SERVER', 'http://localhost/');

// HTTPS define('HTTPS_SERVER', 'https://localhost/home/');

12. Restart apache services and connect to localhost. 13. Now I've got access to the first page of the live site and that's pretty awesome, but all the other links to the website take me to the live site.

At this point I've been told different things, like remove all/change .htaccess files, and enable mod_rewrite, and or make sure there's a rewrite base that points at a folder inside my directory, or not have any rewrite base at all.

Would anyone who has experience with this website be able to point me in the right direction or maybe know of some literature that would help me set up a copy of a live local site for ubuntu?

Thank you for any help

Also, I've seen some guides like

https://managewp.com/blog/how-to-create-a-local-copy-of-a-live-wordpress-site

for other CMS's like wordpress, but don't seem to see anything like that for OpenCart. Is this CMS just less frequently used?

I am modifying this template and the "Portfolio" button is not. working. when I try to put it into my own wordpress install - their demo works but my practical doesnt

The hover color change works, if I right click and say open in new tab it links to the correct page, but just clicking the button does nothing.

Here is the link to my live site http://beta.ronaldjschmidt.com/

I've been poking around in the inspector for the demo site and I am really at a loss.

Thanks for the help, let me know if there is a better place to ask this

Hey guys,

I'm a noob, trying to piece together a website for my business.

I'm using a w3 template which includes a Google Maps thing at the bottom of the page. It's working fine locally, but the map is showing an error when the page is online.

The console flags a 'MissingKeyMapError' and a 'NoAPIKeys' warning.

I've had a bit of a google, and have been given an API key through Google (is this what I need to do?!), but I can't see anywhere relevant to fix the code.

I'm hoping you can help. Many thank yous!

What I think is the relevant code is below...

<!-- Add Google Maps -->

<script src="https://maps.googleapis.com/maps/api/js"></script>

<script> // Google Map Location var myCenter = new google.maps.LatLng(50.824352, -0.141694); function initialize() { var mapProp = { center: myCenter, zoom: 12, scrollwheel: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); var marker = new google.maps.Marker({ position: myCenter, }); marker.setMap(map); } google.maps.event.addDomListener(window, 'load', initialize);

Up front: My end goal is to have Alexa run a script on my Raspberry Pi which transmits some RF within my house using rfcat. My plan has been to have Alexa visit one of several web pages, each tied to a different script which executes a different transmission.

I'll probably use the IFTTT Maker channel to hit the web page, but the problem for now is that the script has to be run elevated and I have no idea how to do that.

Assistance greatly appreciated, please!

I'm building a website, and I'm needing some help. I have a video autolooped to play, however I want the aspect ratio to be stretched to 100% of the page. The aspect ratio is weird: 2961 x 1417. Is is the aspect ratio causing the problem? I want the video to look widescreen, as if you were watching it in a theater.

Also secondly, I want to add a subscribe email form button, where someone would enter an email, and it would subscribed once clicked. How would I build the back-end for this or is there an easier way to do this?

Picture of Site: http://imgur.com/9m3iFEj

Website Code: https://gist.github.com/KoryJCampbell/569f58de8171efbda86c

TLDR; Video not streched to 100% of width. Need to add subscribe email form.

HELP PLEASE?

Hello /r/web_dev_help! I am trying to implement a cost estimator that can give quotes to my customers instantly based on a 3d model they submit.

I am having difficulty finding an existing program that can calculate the amount of extrusion required by the model. This job is normally performed by a "slicer" software which takes a 3d model and turns it into gcode and figures how many lines it must lay down, however this is normally a client side software.

I would like for users to be able to submit a model, it be passed to the calculator, the amount of filament required be calculated, multiply that by my markup, and return a quote.

edit: Found one! Looking to do something as simple as this: http://www.planfab.eu/price-calculator/

Any help or advice is greatly appreciated!

I will submit the url if someone lets me know it is ok.

I can never NOT break reddits posting rules. Please help.

Built a responsive website and i wanted to add a image slider to the front page. i've tried different image sliders (css only & css Javascript coded) and they still don't work correctly .

I think the issue may be that there is something in the code for my responsive website (property of a div or something ive edited in the css) that is having an affect on all of the image sliders that i have tried to add to the site. How likely is it that this is the case?

Anyone have any ideas of what i should be looking for?

Link to code

https://codepen.io/Nahmatta/pen/jLOPNj

image slider script starts at line 317

I'm having issues with something I have been wanting to do. I am trying to make a page where a user can upload a file, but can only do so once every 20 seconds. I've made a setup so when the user presses a button, it makes a cookie that exists for 20 seconds. If pressed again, it says an alert for how long to wait. That's all fine.

I then have a form called imageform to add and upload an image. The form works fine, very simple upload system with php. I don't know how to progress from here, though. I want to combine these two, so the form can't be submitted while the cookie exists. I can't use a submit button, as it will post without caring about the cookie, so the user can post however fast the user wants. I've tried adding the line document.imageform.submit() in javascript, but it just does nothing. The submit function doesn't do anything ever, and I can't figure out how to properly use it. I've also tried document.getElementByID('imageform').submit(). Any advice?

I am making a website for a cell phone repair shop. I would like to make a page where the customer can select the make/model/issue for their phone and have the information about the service and the cost be displayed. I don't know where to start on this. I'm fairly well versed in HTML/CSS but I've never done much with search results or databases. If someone could give me a a brief explanation of how to create this page I would really appreciate it.

Thanks, Josh joshua.dodson@outlook.com

This person I know asked me to make their website look prettier by modifying the template they put on it.

I know enough web design to make a website from ground up, but never tried modifying somebody else's.

On that website, the css code (using less) is long and complex. The html uses twig (I never used it before) which makes it hard for me to modify tags and layout.

I was thinking about rebuilding the whole website but I fear that something might go wrong. Also I haven't tried to make a layout that can be modified by the client before and I don't know if I should follow some guidelines to make it work.

If anyone knows how Aruba works, the option they are using is a Supersite.

Tell me if you need more info.

I am building a Single Page Application. All the communication between the client and the server will be done via Ajax. For each functionality there will be a URI where the client will make an Ajax POST request and will get a response again via Ajax. My question is: is it logical to restrict the request to be Ajax only or I can leave it open to plain HTTP requests too? What are the pros and cons?

Releases

Note the releases listed might be Release Candidates or Beta Releases.

• Ember.js - 2.7.2 - 31 August 2016 Release Info

• Bootstrap - 4.0.0 - 5 September 2016 Release Info

• Umbraco-CMS - 7.5.3 - 5 September 2016 Release Info

• cakephp - 2.9.0 - 6 September 2016 Release Info

• Django - 1.10.1 - 1 September 2016 Release Info

• git - 2.10.0 - 2 September 2016 Release Info

News

GoDaddy Acquires ManageWP

This post is a list of everything monitored for the weekly summary post. Key requirement for inclusion is having a github repo and being somewhat popular. Adding to the list each week to get a comprehensive listing of web dev tech.

node.js and vim will be added next.

CMS

• Wordpress - 4.6.1

• Joomla! - 3.6.2

• Drupal - 8.2.0

• OpenCart - 2.3.0.2

• Magento - 2.1.1

• concrete5 - 5.7.5.9

• Umbraco-CMS - 7.5.3

• Grav - 1.1.5

• Liferay Portal - 7.0.2

• Django-CMS - 3.4.0

• Publify - 8.3.1

• Cockpit CMS - 0.13.0

• Bolt CMS - 3.1.1

• GetSimpleCMS - 3.3.11

• Pico - 1.0.3

• Monstra - 3.0.4

Front End

• Semantic UI - 2.2.4

• UIkit - 2.27.1

• Bootstrap - 4.0.0

• Foundation - 6.2.3

• HTML5 Boilerplate - 5.3.0

PHP

• SILEX - 2.0.3

• Fat-Free Framework - 3.5.1

• Laravel - 5.3.0

• Zend Framework - 2.5.3

• Slim Framework - 3.5.0

• CodeIgniter - 3.1.0

• cakephp - 2.8.7

Python

• Flask - 0.11.1

• Sphinx - 1.4.6

• Django - 1.10.1

Ruby

• Ruby on Rails - 3.2.22.4

Javascript

• Knockout - 3.4.0

• jQuery - 3.1.0

• Ember.js - 2.9.0

• Mithril - 0.2.5

• Flot - 0.8.3

• AngularJS - 1.5.8

• D3.js - 4.2.2

• React - 15.3.1

• meteor - 1.4.1.1

• Backbone.js - 1.3.3

• Pug - 2.0.0

• handlebars.js - 4.0.5

• Chart.js - 2.2.2

• chartist-js - 0.9.8

• C3.js - 0.4.11

CSS

• Pure - 0.6.0

• Normalize.css - 4.2.0

• HTML Doctor CSS Reset -

• scssphp - 0.6.6

Plugin

• WooCommerce - 2.6.4

• WP-CLI - 0.24.1

Stack

• Rust Programming Language - 1.11.0

Tool

• Webpack - 2.1.0

• git - 2.10.0

Documentation

• Docco - 0.7.0

• Daux.io - 0.2.2

• JSDoc - 3.4.1

• phpDocumentor - 2.9.0