Giter VIP home page Giter VIP logo

sndsabin / additionalshippingblock Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 0.0 240 KB

Additional Shipping Block Module lets you add a block in the desired placement position within the shipping method on the checkout page.

License: Other

PHP 68.88% JavaScript 18.27% HTML 4.24% Shell 8.61%
magento2 magento2-module magento2-extension checkout-page additional-block static-blocks checkout shipping-methods shipping-method magento2-block

additionalshippingblock's Introduction

AdditionalShippingBlock - Magento 2 Module

Main Functionality

This module lets you add a block in the desired placement position within the shipping method on the checkout page.

Installation

* = in production please use the --keep-generated option

Type 1: Composer (recommended)

  • Install the module composer by running composer require sndsabin/module-additionalshippingblock
  • enable the module by running php bin/magento module:enable SNDSABIN_AdditionalShippingBlock
  • apply database updates by running php bin/magento setup:upgrade*
  • Flush the cache by running php bin/magento cache:flush

Type 2: Zip file

  • Unzip the zip file or git clone(git clone https://github.com/sndsabin/AdditionalShippingBlock.git) this repo in app/code/SNDSABIN/.
  • Enable the module by running php bin/magento module:enable SNDSABIN_AdditionalShippingBlock
  • Apply database updates by running php bin/magento setup:upgrade*
  • Flush the cache by running php bin/magento cache:flush

Configuration

Block

Overall block group configuration

  1. Select Block to be rendered on the checkout page

    • Stores > Configuration > Additional Shipping Block > View Settings > Block > Block
    • select the block to be added above/below the shipping methods on the checkout page.

    Select block to be rendered

  2. Select the block placement

  • Stores > Configuration > Additional Shipping Block > View Settings > Block > Block Placement

    • select the position of the selected block to be placed on the checkout page (above or below the shipping methods).

    Default Option: After Shipping Methods Block placement

3 Render Selected Block Even if it's not enabled (optional)

  • Stores > Configuration > Additional Shipping Block > View Settings > Block > Render Selected Block If Disabled

  • select the Yes / No Option (If selected Yes, the selected block will be rendered on the checkout page even if the selected block is not enabled.)

    Default Option: No Render selected block if it's not enabled

General

Overall block group configuration

  1. Make the selected block visible on the checkout page
  • Stores > Configuration > Additional Shipping Block > View Settings > General > Enabled

  • select the Yes / No Option (If enabled, the assigned block will be visible in the desired position within the shipping method on the checkout page.)

    Default Option: Yes Make the selected block visible in checkout page

Frontend Checkout Page

Block Placement : After Shipping Methods

Block placement after the shipping method selected

Block Placement : Before Shipping Methods

Block placement before the shipping method selected

Template css class

There are two classes added to the div element in the template additional-shipping-block-container and additional-shipping-block-content if in case you need to use it.

Template css class

License

GPL

Uppercase Vendor Name ๐Ÿ˜› ?

Yes ๐Ÿ˜„

Bootstrapped using Mage2Gen. Inspired from magento2-module-additional-shipping-block.

additionalshippingblock's People

Contributors

sndsabin avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

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