Initial commit

Author: nicolassalvanes

.gitignore

@@ -0,0 +1,3 @@
+composer.phar
+/vendor/
+.vendor/

README.md

@@ -0,0 +1,38 @@
+# mp-ecommerce
+
+Este e-commerce de ejemplo será la base para la integración de MercadoPago con `php`.
+
+## Antes de comenzar
+
+Esta aplicación debe estar accesible mediante un dominio público en internet antes de comenzar con la integración y para ello usaremos [Heroku](https://heroku.com).
+
+Requisitos para realizar la integración: 
+* Cuenta en [GitHub](https://github.com).
+* Cuenta en [Heroku](https://heroku.com).
+* Cuenta en [Mercado Pago](https://www.mercadopago.com).
+
+## Haciendo pública mi e-commerce de ejemplo
+
+1. Realizar un fork de este proyecto. Considerando que tu usuario de GitHub es `username`, tendremos el repositorio `https://github.com/username/mp-ecommerce-php`
+2. Ingresar a tu cuenta de Heroku
+3. Crear una aplicación en Heroku para realizar el deploy de nuestro e-commerce. Nombrarla de la siguiente manera *username*-mp-commerce-php. Ejemplo:
+<div style="text-align: center;" >
+<img src="docs/step0.png" width=400 />
+</div>
+
+4. Conectar a nuestra aplicación en Heroku el repositorio "forkeado" en el paso 1
+<div style="text-align: center;" >
+<img src="docs/step1.png" width=800 />
+</div>
+
+5. Activar el deploy autómatico ante cualquier cambio en el branch "master". Realizar un deploy manualmente, mediante la opción "Deploy branch" para comprobar que la app esté funcionando correctamente.
+
+<div style="text-align: center;" >
+<img src="docs/step2.png" width=800 />
+</div>
+
+6. Nuevamente considerando que tu usuario de GitHub es `username` (substituir en la URL por el correcto), acceder a `https://username-mp-ecommerce-php.herokuapp.com` y validar que la app esté corriendo. Deberás visualizar algo como lo siguiente
+
+<div style="text-align: center;" >
+<img src="docs/step3.png" width=800 />
+</div>

assets/custom.css

@@ -0,0 +1,109 @@
+#page-container {
+    position: relative;
+    min-height: 100vh;
+}
+
+#content-wrap {
+    padding-bottom: 4rem;
+}
+
+#footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+}
+
+.card-product:after {
+    content: "";
+    display: table;
+    clear: both;
+    visibility: hidden;
+}
+
+.card-product .price-new, .card-product .price {
+    margin-right: 5px;
+}
+
+.card-product .price-old {
+    color: #999;
+}
+
+.card-product .img-wrap {
+    border-radius: 3px 3px 0 0;
+    overflow: hidden;
+    position: relative;
+    height: 220px;
+    text-align: center;
+}
+
+.card-product .img-wrap img {
+    max-height: 100%;
+    max-width: 100%;
+    object-fit: cover;
+}
+
+.card-product .info-wrap {
+    overflow: hidden;
+    padding: 15px;
+    border-top: 1px solid #eee;
+}
+
+.card-product .action-wrap {
+    padding-top: 4px;
+    margin-top: 4px;
+}
+
+.card-product .bottom-wrap {
+    padding: 15px;
+    border-top: 1px solid #eee;
+}
+
+.card-product .title {
+    margin-top: 0;
+}
+
+.main-section{
+	left:50%;
+	right:50%;
+	transform: translate(-50%,5%);
+}
+.left-side-product-box img{
+	width: 100%;
+}
+.right-side-pro-detail p{
+	font-size:25px;
+}
+.right-side-pro-detail .price-pro{
+	color:green;
+}
+
+.header-container {
+    background: #F2F2F2; 
+    width: 100%
+}
+.header-container img {
+    height: 200px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.mp-button {
+    padding: 0 1.7142857142857142em;
+    font-family: "Helvetica Neue", Arial, sans-serif;
+    font-size: 0.875em;
+    line-height: 2.7142857142857144;
+    background: #009ee3;
+    border-radius: 0.2857142857142857em;
+    color: #fff;
+    cursor: pointer;
+    border: 0;
+}
+
+.mp-button-create {
+    background: green;
+}
+
+.mp-button-cancel {
+    background: red;
+}