Rocket Web Prime theme based on Magento Blank that includes our most common customizations.

Overview

RW Prime - Magento 2 boilerplate theme

RW Prime theme is based on Magento Blank and includes our most common customizations that we make on the majority of our projects.

NOTE: This project is in constant development so use it with caution.

RW Prime

Features

  • New simplified header layout
  • Sticky header (can be enabled/disabled via layout)
  • New CSS grid layout and flexbox utilities
  • Refactored mobile menu - removed additional tabs, included search and account links
  • UI reference page with commonly used user interface elements (buttons, forms, typography, etc.), available at /index.php/ui
  • Included Slick carousel for custom banner and product carousels (requires WeltPixel_OwlCarouselSlider extension)
  • Lazy loading product images on product listing pages and in sliders (can be enabled/disabled via layout)
  • Lazy loading of carousel banners - added support for responsive and background images
  • Support for lazy loading of scripts, stylesheets, widgets via lazysizes unveilhooks plugin
  • Updated layered navigation - added filter collapse, limit the number of visible options by default, simplified active filters section
  • Account dropdown containing dynamic customer actions
  • Removed redundant UI elements from product listing pages
  • Cart and checkout UI improvements
  • CSS optimizations - async loading of main css files, preloading critical CSS on HP, PDP, PLP
  • UI optimizations on PDP - moved title to product details column, add qty +/- buttons, included social sharing buttons
  • Address autocomplete functionality in address forms in checkout
  • Minicart opens automatically when product is added to cart
  • Updated footer layout using flexbox
  • Styled form elements (checkboxes, radios, dropdowns etc.)
  • Included commonly used icons as icon-font
  • Added support for WeltPixel OwlCarouselSlider extension
  • Added support for Magefan Blog extension
  • Bunch of handy mixins
  • and more...

If you want easier front-end development with automatic less/js linting, compilation and more checkout our magento2-gulfile.

Installation

Install using Composer

$ composer require rocketweb/theme-frontend-prime

Theme package comes bundled with two modules: UiCore and CheckoutEnhancement. You'll need to install them using Magento CLI:

$ bin/magento module:enable RocketWeb_UiCore
$ bin/magento module:enable RocketWeb_CheckoutEnhancement
$ bin/magento module:enable Staempfli_ImageResizer
$ bin/magento module:enable Magefan_Blog
$ bin/magento setup:upgrade

To test if the theme has been installed correctly you can go to Admin > Content > Design > Themes. You should see RocketWeb/prime as one of the available themes.

Supported modules

RW Prime is compatible with the following third-party modules that we highly recommend to install to take full advantage of the theme features:

Usage

To start working with the Prime theme make sure to create your own custom theme that inherits from RocketWeb/prime. You can put all of your customizations in there but make sure not to modify the Prime theme files as your changes will be wiped out when the theme has been updated.

Here's a sample theme.xml file for your own theme:

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Config/etc/theme.xsd">
    <title>Your Own Theme</title>
    <parent>RocketWeb/prime</parent>
    <media>
        <preview_image>media/preview.jpg</preview_image>
    </media>
</theme>

Development

This theme is in constant development. If you want to contribute by fixing bugs or adding new features use our github repo. Just fork the repository, push your changes and create a PR. Once your submission is reviewed and accepted we'll merge it to our develop branch and ship with the next release.

Documentation

Documentation can be found in this project's wiki

License

This project is licensed under GNU General Public License v3.0

You might also like...
Music website developed as a final group project for our Webpage Development class.

double-drummer Music listening website developed as final group project for our Webpage Development course. All parts that disclosed any information r

Show caffeine intake stats for our office coffee machine
Show caffeine intake stats for our office coffee machine

Coffee brewing statistics for the Spatie office Over at Spatie we drink a lot of coffee. How much coffee? We had no idea until we created this dashboa

RedeemeRadio is the radio station of Alexander Schliker, our Redeemer and Super Hero (he actually flies).

RedeemeRadio - README Welcome to the RedeemeRadio project -- an open source project for allowing broadcasting the radio of Alexander Schliker, our Sup

Learn how to run WordPress with Docker. Read about our experiences and start off with an easy boilerplate.
Learn how to run WordPress with Docker. Read about our experiences and start off with an easy boilerplate.

Hi! We're Dan and Jay. We're a two person team with a passion for open source products. We created Server Side Up to help share what we learn. Find us

 A complete solution for group projects in organizations that lets you track your work in any scenario. Working in a team is a cumbersome task, ease it using our project management system.
A complete solution for group projects in organizations that lets you track your work in any scenario. Working in a team is a cumbersome task, ease it using our project management system.

SE-Project-Group24 What is Evolo? Evolo is Dashboard based Project Management System. A complete solution for group projects in organizations that let

Magento 2 Italian Language Pack is special gift for Magento 2 Community Edition. The data of the translation is supplied by Magento 2 Translation Project of Crowdin site, on which you will contribute into the project and download the zip file to install on your own store. This knowledge base will include full of the clear guides that supports you to convert the default language (English) into Italian language on your entire store.
A tool that allows to quickly export data from Magento 1 and Magento 2 store and import it back into Magento 2

Simple Import / Export tool A tool that allows to quickly export data from Magento 1 and Magento 2 store and import it back into Magento 2. Table data

Simple free responsive (fluid) Magento theme

Please note: This theme is no longer under active development Magento Responsive Theme The GPMD responsive Magento theme is a simple fluid base theme

Twitter Bootstrap base theme for Magento

Magento Bootstrap This is an adaption of the Twitter Bootstrap framework for the Magento Commerce system. PLEASE NOTE THIS IS A WORK IN PROGRESS Insta

Comments
  • Error in image_with_border.phtml

    Error in image_with_border.phtml

    There is an issue in the template

    vendor/rocketweb/theme-frontend-prime/Magento_Catalog/templates/product/image_with_borders.phtml

     The following error is thrown on specific category pages:

    Error filtering template: Notice: Array to string conversion in /app/vendor/rocketweb/theme-frontend-prime/Magento_Catalog/templates/product/image_with_borders.phtml on line 14

    In Magento 2.4 core this is resolved by doing foreach instead of just outputting custom attributes

    bug 
    opened by rocketweb-fed 0
Releases(1.2.0)
Owner
Rocket Web FED
Rocket Web Front-end Development
Rocket Web FED
Hi everyone! This is our repository for our final project in college. We're sorry if so many bug or error. Thank You

About The Project Hi everyone! This is our repository for our final project in college. We're sorry if so many bug or error. Thank You About Laravel L

Lintang Bima Sakti 3 Dec 9, 2021
Buy and sell crypto top 100 crypto with our fake currency. Donate to and use our referal links for discounts

PLEASE ENABLE SQLITE3 AND GD OR GD2 IN XAMPP TO RUN THE APP! (SEE HOW_TO_SETUP_XAMPP.gif) ![alt text](https://github.com/Tby23rd/Project1-Cryptosimul

Tabitha Maru 0 Dec 26, 2021
This Magento extension provides a Real Full Page Caching for Magento powered by Varnish with support of Session-Based information caching (Cart, Customer Accounts, ...) via ESI includes

This Magento extension provides a Real Full Page Caching (FPC) for Magento powered by Varnish with support of Session-Based information caching (Cart, Customer Accounts, ...) via ESI includes

Hugues Alary 95 Feb 11, 2022
Composer plugin to automate the most common tasks of applications.

Narrowspark Automatic Narrowspark Automatic automates the most common tasks of applications, like installing and removing bundles or providers, copyin

Narrowspark 12 Sep 9, 2022
Foundation 3 Framework for Magento 1.7. Foundation styles and libraries. Magento Responsive theme. Off-canvas Left-Right sidebar columns for mobile.

Magento Foundation 3 Framework Zurb Foundation 3 framework for Magento 1.7. Magento Foundation 3 Version 1.3.0. Demo page: http://magendation.internet

Nando Boronat 62 Apr 1, 2022
Magento sample data includes a sample store, complete with more than 250 products

Magento sample data includes a sample store, complete with more than 250 products (about 200 of them are configurable products), categories, promotional price rules, CMS pages, banners, and so on. Sample data uses the Luma theme on the storefront.

Magento 203 Dec 16, 2022
Mobile detect change theme and redirect based on device type. Magento 2 module.

Magento 2 Mobile Detect Theme Change Magento 2 Mobile detect system can be used to load different themes base on the client device (desktop, tablet, m

EAdesign 27 Jul 5, 2022
YesilCMS is based on BlizzCMS and specifically adapted for VMaNGOS Core and includes new features and many bug fixes.

YesilCMS · YesilCMS is based on BlizzCMS and specifically adapted for VMaNGOS Core and includes new features and many bug fixes. Features In addition

yesilmen 12 Jan 4, 2023
Result of our code-along meetup writing PHP 8.1 code

PHP 8.1 Demo Code This code demonstrates various PHP 8.0 and 8.1 features in a realistic, functional (but incomplete) codebase. The code is part of so

azPHP 2 Nov 14, 2021