• Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Register
  • Login
Bagisto Forum

Bagisto

  • Register
  • Login
  • Search
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups

Get products and redesign the card

General Discussion
3
25
4.0k
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • admin
    admin last edited by 29 Apr 2022, 08:20

    @adebayoade said in Get products and redesign the card:

    webpack.mix.js

    Yes

    1 Reply Last reply Reply Quote 0
    • A
      adebayoade last edited by 29 Apr 2022, 08:34

      @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"),
          ]);;
      
      
      1 Reply Last reply Reply Quote 0
      • admin
        admin last edited by 29 Apr 2022, 09:42

        @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.

        1 Reply Last reply Reply Quote 0
        • A
          adebayoade last edited by adebayoade 29 Apr 2022, 11:18 29 Apr 2022, 11:08

          @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.

          68a09abd-0bc7-4994-b489-a2ac4f1a0d00-image.png

          1 Reply Last reply Reply Quote 0
          • admin
            admin last edited by 29 Apr 2022, 11:54

            @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

            A 1 Reply Last reply 29 Apr 2022, 14:48 Reply Quote 0
            • A
              adebayoade @admin last edited by 29 Apr 2022, 14:48

              @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.

              1 Reply Last reply Reply Quote 0
              • admin
                admin last edited by 2 May 2022, 05:23

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

                A 1 Reply Last reply 2 May 2022, 12:25 Reply Quote 0
                • A
                  adebayoade @admin last edited by adebayoade 2 May 2022, 12:26 2 May 2022, 12:25

                  @admin Here's the screenshot below. I can't get my components to show on the front-end.
                  f815c301-6c07-4f90-97c2-bd6d4764270d-image.png

                  1 Reply Last reply Reply Quote 0
                  • admin
                    admin last edited by 2 May 2022, 12:30

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

                    1 Reply Last reply Reply Quote 0
                    • admin
                      admin last edited by 2 May 2022, 12:33

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

                      A 1 Reply Last reply 2 May 2022, 12:46 Reply Quote 0
                      • A
                        adebayoade @admin last edited by adebayoade 2 May 2022, 12:53 2 May 2022, 12:46

                        @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.
                        5c71707e-82b9-4c08-9a60-032216b70a33-image.png

                        1 Reply Last reply Reply Quote 0
                        24 out of 25
                        • First post
                          24/25
                          Last post