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

Bagisto

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

Velocity theme. Customize

Knowledge Base
3
7
1.7k
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.
  • W
    William Hatanaka last edited by 10 May 2020, 08:55

    Hello!
    I need to change the color of the Velocity.
    I change to make a new theme (https://bagisto.com/en/create-custom-theme-in-bagisto/) but this is about bliss theme.
    How I can do it?
    Thank you

    1 Reply Last reply Reply Quote 0
    • S
      shivam-webkul last edited by shivam-webkul 11 May 2020, 05:49 11 May 2020, 04:48

      This post is deleted!
      1 Reply Last reply Reply Quote 0
      • shubhwebkul
        shubhwebkul last edited by 11 May 2020, 05:31

        Hello there,

        You need to change value of some variable inside the file /packages/Webkul/Velocity/src/Resources/assets/sass/_variables.scss.

        variables will be $button-primary-bg, $theme-color, $theme-dark-color

        provide value of these variables according to your requirement and after that run commad npm run watch or npm run prod.

        Let me know if you have any further query.
        Thanks!

        W 1 Reply Last reply 17 May 2020, 10:46 Reply Quote 0
        • W
          William Hatanaka @shubhwebkul last edited by 17 May 2020, 10:46

          @shubhwebkul said in Velocity theme. Customize:

          npm run watch

          Hello @shubhwebkul, sorry to reply so late.
          I was resolving another issue and it consumed more time that I imagined.
          I try your solution, but I am not so familiar with npm and vue...
          I am usign the docker version of Bagisto, so I change the variables that you mentioned and try to run the command

          npm run watch
          

          Bagisto-Docker:

          docker exec -i apache2 bash -c "su - www-data -s /bin/bash -c 'npm run watch'"
          

          So I go to docker container

          docker-compose exec web_server bash
          

          I try to execute this command on the same local of the /var/www/html/bagisto/packages/Webkul/Velocity where there is a file package.json but it did not work.
          I try to run it on the bagisto directory where the root of the project (/var/www/html/bagisto)... it did not work either.
          But on the npm-debug.log there is a strange message

          error enoent ENOENT: no such file or directory, open '/var/www/html/package.json'
          

          the npm run watch is looking for the package.json file on the /var/www/html !! This file is on the bagisto directory...
          Sorry I don't know what I need to do..
          Thank you

          1 Reply Last reply Reply Quote 0
          • shubhwebkul
            shubhwebkul last edited by 18 May 2020, 08:44

            Hello there,

            Please run command npm install before executing command npm run watch inside Velocity package.

            I hope that will work.

            W 1 Reply Last reply 18 May 2020, 09:01 Reply Quote 0
            • W
              William Hatanaka @shubhwebkul last edited by 18 May 2020, 09:01

              @shubhwebkul
              run this command?

              docker exec -i apache2 bash -c "su - www-data -s /bin/bash -c 'npm install'"
              
              1 Reply Last reply Reply Quote 0
              • shubhwebkul
                shubhwebkul last edited by 18 May 2020, 10:58

                Yes, basically you need to install dependencies beforing executing npm run watch.

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