Bagisto Forum

    Bagisto

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

    Get products and redesign the card

    General Discussion
    3
    25
    3968
    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

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

      A 1 Reply Last reply Reply Quote 0
      • A
        adebayoade @admin last edited by adebayoade

        @admin version 1.2. Also, the icons are not showing up anymore. 37566989-c0ed-4daa-bea4-aa64afee9268-image.png

        1 Reply Last reply Reply Quote 0
        • admin
          admin last edited by

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

          A 1 Reply Last reply Reply Quote 0
          • A
            adebayoade @admin last edited by adebayoade

            @admin It is not still showing.
            27ee3e89-2c54-4a75-9232-5ff7ca0c13f5-image.png

            1 Reply Last reply Reply Quote 0
            • admin
              admin last edited by

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

              A 1 Reply Last reply Reply Quote 0
              • A
                adebayoade @admin last edited by

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

                1 Reply Last reply Reply Quote 0
                • admin
                  admin last edited by

                  @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

                    @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

                      @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

                        @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

                          @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 Reply Quote 0
                          • A
                            adebayoade @admin last edited by

                            @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

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

                              A 1 Reply Last reply Reply Quote 0
                              • A
                                adebayoade @admin last edited by adebayoade

                                @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

                                  @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

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

                                    A 1 Reply Last reply Reply Quote 0
                                    • A
                                      adebayoade @admin last edited by 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.
                                      5c71707e-82b9-4c08-9a60-032216b70a33-image.png

                                      1 Reply Last reply Reply Quote 0
                                      • First post
                                        Last post