Custom Add to Cart element

[alvaranz]

 

Hi Presties!

 

We have custom developed our eCommerce store in Angular and NodeJS and now we want to integrate it with PrestaShop to get some of-the-shelf features like Add to cart and Checkout process.

 

We have some questions that would be great if someone with previous experience on this could give us some thoughs on it.

 

1. We sell digital products to Companies (Distribution of their Jobs vacancies to Job Portals)

 

2. Each of our digital products has a box with the job portal and the price of distribution.

 

3. When our users hoover over the price an add to card button appears.

 

4. When users click on the add to cart then this product is added to cart.

 

Image is attached at the top of this thread

 

The main questions we have are:

 

- Where and how to modify the Prestashop add to cart element/Size/form so that we can make it exactly as the one on the images attached

- How to link our Front End/Back End products to Prestashop so that we don't have to add a Prestashop theme since we have already our own Product categories and list views created on FE and BE

 

Many thanks!

Julio

Edited July 31, 2017 by alvaranz (see edit history)

[Scully]

Question 1

The "add to cart" button is controlled by the blockcart module. It has some CSS styles applied in blockcart.css and the output is controlled by blockcart.tpl which is a smarty file. The cart logic itself is controlled by its .php file plus some javascript. You find all the code in the modules directory.

 

Question 2

Very difficult. PrestaShop is not designed to be used as intermediate layer for other shop systems. Hence, not using a theme at all is something PrestaShop isn't able to handle.

The better approach could be just use the parts of source code youre are specifically interested in and adapt it for your system.

 

Anyway - your question seems to pop up very late. If we'd run such an approach, we'd figure out the way of integration at the beginning and not at the end of such a process.