Giter Site home page Giter Site logo

jameskwi / pagebuilder Goto Github PK

View Code? Open in Web Editor NEW

This project forked from goomento/pagebuilder

0.0 0.0 0.0 6.21 MB

Goomento - The Free Magento Page Builder Extension, that allows you to create unique Magento websites using advanced animations, custom CSS, responsive designs, and more, by performing simple actions such as drag and drop.

Home Page: https://goomento.com

License: Open Software License 3.0

JavaScript 19.60% PHP 69.38% CSS 1.19% HTML 7.40% Less 2.42%

pagebuilder's Introduction

Goomento - Free Magento Page Builder Extension

Goomento Magento page builder extension that allows you to create Magento content in just drag-and-drop to canvas and view your website as you build it.

You can build and customize every part of the Magento website visually at the builder editor by adding text, images, videos, animations, CSS and more, all with just a few clicks without writing a single line of code.

Magento store owners can view changes in Magento with 100% accuracy, drag and drop to configure, share content between websites and redesign with new creativity

Table of contents

Installation

Why Goomento - Magento Page Builder

Version Compatible

Themes Compatible

Demo

Setup

Custom Templates - Frontend Tasks

Change Log

List Of Widgets

User Guide & DevDoc

Troubleshooting

REST API and GraphQL

Open An Issue

Install Goomento

Run the following command in Magento 2 root folder:

composer require goomento/module-page-builder
php bin/magento module:enable Goomento_Core Goomento_PageBuilder
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

Enable these caches in Production mode for best performance at System > Tools > Cache Management

Pagebuilder Frontend: Uses for frontend display, preview HTML ...

Pagebuilder Backend: Uses for registered controls data of widgets, system variables ...

Setup

  • To create Magento Landing Pages at Magento Backend > Goomento > Pages & Landing Pages

  • To add Blocks, Pages to layout, using the your-content-identifier identifier at Magento Backend > Goomento > Sections to the layout .xml file.

<block class="PageBuilderRenderer" name="unique-block-name">
    <arguments>
        <argument name="identifier" xsi:type="string">your-content-identifier</argument>
    </arguments>
</block>

or template .phtml file

<?= $block->getLayout()
    ->getBlock('PageBuilderRenderer')
    ->setIdentifier('your-content-identifier')
    ->toHtml(); ?>
  • To export the template, click to Export button at each page builder content
  • To import the template, go to Magento Backend > Goomento > Importor

Demo site

Editor: https://goomento.com

Version Compatible

Magento Version 2.3.x 2.4.0 - 2.4.5-p3 2.4.6-x 2.4.7
Community Edition (CE) ☑️
Enterprise Edition (EE) ☑️

Themes Compatible

Currently, Goomento doesn't fully cooperate with headless/ PWA solutions such as Venia and Hyvä. Other themes such as Luma, Porto, Fastest ... are the best fit. We will soon adapt to all kind of themes.

Theme Name Compatible
Blank + Luma
Hyvä
PWA Themes
Porto
Fastest
Market
Other Themes

pagebuilder's People

Contributors

haihv433 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.