Recently Browsing 0 members
No registered users viewing this page.
By flydev 👊🏻
Bootstrap-4 Minimal site profile for ProcessWire
This profile is based on the "minimal site profile (intermediate edition)" and bundled with Boostrap v4.4.1
Bootstrap SASS Font-Awesome SASS Render / helper functions for : Simple ul navigation Bootstrap Multi-level navbar Bootstrap Carousel Bootstrap Cards Bootstrap Jumbotron Boostrap Accordion Assets minification, files bundle Dependencies
jQuery Popper.js Bootstrap FontAwesome Prequisites
You'll want to install the following on your system before proceeding:
Yarn / NPM How To Install
Download the zip file at Github or clone directly the repo with git clone and skip the step 2. Extract the folder site-pwbs4-master into a fresh ProcessWire installation root folder. During the installation of ProcessWire, choose the profile "ProcessWire Bootstrap 4 profile". After installation
You can find the development file (CSS/SCSS/JS) in site/assets/dev/src
The profile can be used as is only with $config->debug set to false. To use it in debug mode, you are required to install the dependencies with the package manager.
Open a terminal in site/assets/dev and execute the following command-line: yarn Available commands :
Rebuild, minify and bundle assets for release : yarn build References
Bootstrap v4 documentation ProcessWire documentation ProcessWire Forum: bootstrap tag ProcessWire Forum: bootstrap related posts Credits
The ProcessWire staff Inspiration from @gebeer and his Bootstrap 3 profile post Members who contributed in various post about Bootstrap navigation and code (see code-source for refs). Screenshots
I have a marketplace site that used the older Fredi module for front end editing so advertisers can create and edit their adverts (in the form of pages). After upgrading to v3.0 of Processwire I'd like to change the editing method for users to the new, core front end editing methods. However, it seems that with this method any editor can edit any page (subject to template restrictions for their user role). Using Fredi I checked the user and created user were equal before displaying edit buttons (clunky but it worked).
Is there any stock way to restrict front end editing to the creator of the page so that my advertisers can only edit their own ads or should I test for user as before?
Thanks in advance as always 🙂
I try to achieve a possibility for the client's admin account to change other users privileges.
In the CMS I have superadmin account, which is for me. My client got an account with a role user, which is limited administration account. The client also got some other people, who will edit the content with role editor
User story would look somehow like this:
user role can add new roles and users user role can change privileges for all users (except superadmin). Eg. When the user role gives the editor role privilege to edit only articles. The Editor role will be able to edit only them.
I know this functionality is possible for superadmin, but I couldn't simulate it on the user role. Is there any easy way to achieve such a feature? Otherwise, I'll have to make a module for this I guess.
Thanks for any help!
This profile can be used as a business card or very simple blog.
Requires the latest version processwire 3.0.101 !!!
Milligram Site Profile For Processwire 3x with include functions like:
wireIncludeFile | wireRenderFile
Essentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System Gridlex
CAN DOWNLOAD FROM THIS LINK ( Basic Version and simple Blog Version )
If you want to use Laravel Mix you must first ensure that Node.js and NPM are installed on your machine.
Basic example to Debian and Ubuntu based Linux distributions:
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs
See more installation options LINK
npm is installed with Node.js just check in linux terminal like below:
Set BrowserSync inside folder /templates/webpack.mix.js and change your dev url
proxy: 'http://localhost/mix/', to your installation processwire folder like:
Next install npm packages in your templates folder with command npm install
Now, boot up the dev server npm run watch, and you're all set go!
On completion, use the command npm run production to build styles and scripts in the dist folder
Simple Usage ( Basic Command )
Run npm install Watch npm run watch Build npm run production All files to Webpack build steps is inside file ( webpack.mix.js )
Folder With all SCSS files is inside templates/src/scss
All build styles and scripts is inside the ( dist ) folder
Web Font Loader
Verlok Lazy Load