Get products and redesign the card

devansh-webkul

You can use the published product_card for customization as Laravel will first look into the resources folder.

adebayoade

@devansh-webkul I still can't see my changes. The card I'm editing is at packages\Webkul\Velocity\src\Resources\assets\js\UI\components\ and I ran "npm run dev & npm run watch" but no changes at the front-end. Please guide me further.

Note: I am working with a new theme which is a copy of all files from Velocity.

devansh-webkul

Run npm watch from the packages\Webkul\Velocity.

adebayoade

@devansh-webkul I already tried that and also "php artisan vendor:publish" but the changes is not reflecting on the front-end.

admin

Hi @adebayoade
Please run npm run watch inside the velocity directory.
Than run php artisan vendor:publish --force --all

admin

@adebayoade
If still, you are getting the same issue. please let me know.

adebayoade

@admin The products are no longer showing after running both commands.

admin

Hi there,
Can you please let me know the version of the bagisto which you are using ?

adebayoade

@admin version 1.2. Also, the icons are not showing up anymore.

admin

@adebayoade said in Get products and redesign the card:

1.2. A

Hi @adebayoade
Please run only npm run watch . after completing your changes. The issue will be resolved.

adebayoade

@admin It is not still showing.

admin

@adebayoade said in Get products and redesign the card:

is not still showing.

Hi There,
Please check your webpack file, I guess there is some issue with your webpack file.

adebayoade

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

admin

@adebayoade said in Get products and redesign the card:

webpack.mix.js

Yes

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