Get products and redesign the card

[adebayoade]

@admin This is what it looks like.

let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
    .postCss("resources/assets/css/tailwind.css", "public/css/tailwind", [
        require("tailwindcss"),
    ]);;

[admin]

@adebayoade said in Get products and redesign the card:

@admin Are you referring to webpack.mix.js?

@adebayoade
Please take a reference from here, for webpack file.

[adebayoade]

@admin I've updated the Webpack and checkout to an earlier version of my project. Can you give me steps to follow to create a new product card? Below is the default card. Thank you.

[admin]

@adebayoade said in Get products and redesign the card:

Can you give me steps to follow to create a new product card?

Hi @adebayoade
You can change here, for creating custom product card

[adebayoade]

@admin I created a new product card and registered the component in app.js from Velocity dir and then I ran "npm run watch" but my changes are still not showing on the front-end. I am really out of ideas.

[admin]

@adebayoade
Please provide me the screenshot while you are running npm run watch

[adebayoade]

@admin Here's the screenshot below. I can't get my components to show on the front-end.

[admin]

@adebayoade
Please run the command inside the velocity package
If you are changing for velocity.

[admin]

Hi There
You have to run the npm commands inside the directory in which you are doing the changes

[adebayoade]

@admin In package/velocity folder. I created a new product card in *packages\Webkul\Velocity\src\Resources\assets\js\UI\components* and registered it in packages\Webkul\Velocity\src\Resources\assets\js\app.js. Please check the screenshot for error after running the command npm run watch.