Versions Compared

Old Version 9

changes.mady.by.user Sameer Sharma

Saved on

compared with

New Version Current

changes.mady.by.user Sameer Sharma

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section

Allow gift hamper on the cart page

Column
width60%

Table of Contents
maxLevel3


Column
width30%




Section

Installation


Warning

Before installing the extension, please make sure to Backup your web directory and store the database

  • Unzip the extension package file into the root folder of your Magento 2 installation.
  • Connect to the SSH console of your server:
    • Navigate to the root folder of your Magento 2 setup

    • Run the command as per the below sequence,

      Panel

      php -f bin/magento setup: upgrade


      Panel

      php -f bin/magento module:enable Magedelight_Gifthamper


      Panel

      php -f bin/magento setup:static-content:deploy


  • Flush store cache
  • log out from the backend and log in again



Image Removed

  • If Fill Hamper Calculation Based On: Quantity

Section

Backend Configuration (Admin side)

Panel

General

  • Enable: Enable/Disable gift hamper extension by selecting Yes/No Values.
  • Fill Hamper Calculation Based On: Set the option to calculate the hamper size based on quantity or the dimensions ( L*W*H); only one option can be used at a time.
  • Allowed Add To Cart: If the hamper size is calculated based on dimensions (Length x Width x Height), users can only set a minimum percentage for adding the hamper to the cart after meeting the specified criteria.
Panel
Panel

Image Added

  • Enable: Enable/Disable gift hamper extension by selecting Yes/No Values.
  • Fill Hamper Calculation Based On: Set the option to calculate the hamper size based on the quantity selected, up to the maximum quantity specified on the front end.


Custom Label

:


You can set labels for selecting the hamper, choosing its size, and filling it, along with descriptions for each step

that will be displayed on the frontend

; these labels and descriptions will be displayed on the front end

Panel

Image Added

  • Step 1: Set the label for step 1 to display "Choose Your Hamper " on the front end.
  • Step 1 Description: Set the summary that describes Step 1 to help users understand the functionality displayed on the front end.

Panel

Image Added

  • Step 2: Set the label for step 2 to display "Choose Your Hamper Sizes" on the front end.
  • Step 2 Description: Set the summary that describes Step 2 to help users understand the functionality displayed on the front end.

Panel

Image Added

  • Step 3:  Set the label for step 3 to display "Fill Up The Hamper" on the front end.
  • Step 3 Description:  Set the summary that describes Step 3 to help users understand the functionality displayed on the front end.


Add New Gift Wrapper

Section

Backend Functionality

Panel

  • Grid:Use the grid to manage all previously added gift hampers for your store. From here, you can search for and edit hampers. Click the "Add Gift Hamper Product" button to create a new hamper product.

Gift wrapper summary in order/invoice/credit memo

Gift wrapper summary will be available for each product as custom option and same at order payment summary in order / invoice and credit memo. Kindly refer below Images for each with detail.

Order Detail Page

Invoice

Credit Memo

Section

Add New Gift Hamper Product

Panel

Image Modified

  • Enable: Enable/Disable gift hamper product by selecting Yes/No Values.
  • : Set Select the desired attribute for the hamper product from the drop-down menu.
  • :  Set the label for the product hamper to define how it will be identified and displayed.
  •   
  • Quantity : 

  •   
Panel
Panel
Panel
Panel
  • Gift Category Name: Define the gift category name.
  • Sort Order: Give the sort order to display the categories in required order.
  • Status: Set the category status to Enabled/Disabled.

Manage Gift Wrappers

You can manage gift wrappers pricing, image, category and other useful details here. You can Enabled/Disabled any gift wrapper by just selecting the status as Enabled/Disabled for the required gift wrapper.

Panel
Panel

Image Removed

  • Gift wrapper Name: Define as per your requirement
  • Price: Define Price of Gift wrapper.
  • Image: Image to be displayed for gift wrapper.
  • Sort Order: Give the sort order to display gift wrapper at suitable position in listing.
  • Special instruction: Write any detailed information or instruction about gift wrapper for users. This would get displayed on frontend below each wrapper.
  • Category: Assign gift wrapper to particular category (categories could be managed via Manage Categories).
  • Status: Enabled/Disabled gift wrapper.

Enable gift wrapper option for products

On successfully installing extension, It will create new product attribute called Allow gift wrapper, with value Yes/No. Admin can Enable/Disable particular product for gift wrap options. Please refer below example,

Panel

Image Removed

Section

Gift Wrap Details in Order

Extension provides gift wrapper option for backend order too. Admin can choose gift wrapper option for products in cart while placing order from backend.

Panel

Image Removed

Gift wrapper pricing will be applied to order if wrapper if paid. Gift wrapper pricing will be added separately in order row. Refer bellowed image,

Panel

Image Removed

Gift wrapper summary in order/invoice/credit memo

Gift wrapper summary will be available for each product as custom option and same at order payment summary in order / invoice and credit memo. Kindly refer below Images for each with detail.

Order Detail Page

Panel

Image Removed

Invoice

Image RemovedCredit Memo

Panel

Image Removed

Section

Frontend Functionality

Once the extension is configured, categories and wrappers are added then Gift Wrapper selection will be displayed on product pages/cart/checkout pages as per settings enabled in admin panel.

Once you selected the category, gift wrapper listing will be displayed in a slider box assigned to that category.

Panel

Image Removed

Select category and gift wrapper, then add product to the cart. The selected gift wrapper will be displayed as product option under cart item listing.

Customers can write personal message along with recipient name and sender name which would get displayed on wrapper.

Price of gift wrapper will be shown as separate row (Gift wrapper) under cart summary totals block. Also gift wrapper option will be updated in mini-cart section available at top links.

Gift Wrapper in Mini Cart

Panel

Image Removed

Gift Wrapper on Cart Page

Customer can select different gift wrapper option for each item in cart. As the gift wrapper option are managed separately each item will listed individually with different gift wrapper.

Panel

Image Removed

While customer chooses to edit gift wrapper option on cart page, they will see popup with category selection.

Panel

Image Removed

On selection of particular category, all available gift wrap options will be appeared in a pop-up from where customer can choose the wrapper.

Panel

Image Removed

Gift Wrapper On Checkout Page

If the gift wrapper is allowed on checkout page from admin panel then the items those are allowed to display gift wrapper at product level, will have an option to add/edit/delete gift wrapper on checkout page.

Image Removed

Gift wrapper on My Order Section:

Customers will be able to see order details along with gift wrapper from "My Order" section.

Panel

Image Removed

NoteExtension does not support checkout with multiple address
Panel

Image Added

  • Sort Order: Assign numeric values to hampers to set their order and priority, with lower numbers indicating higher priority.
  • : Set a summary or explanation of the hamper product that will be displayed on the front end.

Panel

Image Added

Image Added

  • Hamper Variation: To select products for the hamper, please click the " Add Products to Option" button. Once the product list appears, choose the desired items and finalize your selection by clicking the "Add Selected Products" button.

Panel

Image Added

  • Images and Videos: Upload the images and videos for the hamper product you wish to display on the front end.
  • : Set a user-friendly identifier to create an SEO-optimized URL for the hamper product.
  • Meta Title: Set the title of a web page that appears in search engine results and browser tabs. 
  • Meta Keywords: Set the label for the keywords that were once used by the hamper product to understand the page's content and improve search rankings.
  • Meta Description: Set a concise summary of the hamper product’s content to enhance user understanding of the page's relevance, thereby influencing their decision to click through.

Panel

Image Added

  • Website: Select the checkbox to display the hamper product on the main website.
  • Theme: Select the theme from the drop-down menu, choosing between "Magento Black" or "Magento Luma". 
  • Layout: Select the design for the hamper product from the drop-down menu, which will be displayed on the front end.
  • Display Product Options In: Select the option from the drop-down list where you want to display the hamper product.




Section

Frontend Functionality


Panel

Image Added

  • Choose Hamper Type: Select the category of hamper that best suits the occasion or recipient.


Panel

Image Added

  • Choose Hamper Size: Pick the size that aligns with your budget and needs based on Length, Width, and Height (LWH), or by quantity.


Panel

Image Added

  • Choose Hamper Products: Customize your hamper by selecting from a wide range of products. Continue adding items until your hamper is full, or opt for a larger hamper to include more items.


Panel

Image Added

  • Filter Options: Refine your selection by applying filters based on brand, price, and other criteria to match specific preferences and requirements.


Panel

Image Added

  • Product Details: For each selected product, provide detailed information to ensure accuracy. The bag's fill percentage will be displayed as you add products, along with a description of each item for comprehensive details.


Panel

Image Added


  • Upgrade Hamper Popup: Once the requested hamper capacity is reached and you wish to add more items, a popup will appear offering the option to upgrade your hamper. Click the "Upgrade" button to select a larger hamper or additional features.


Note

The extension does not support checkout with multiple addresses.


Section

Demo

Click here to visit frontend.

Click here to visit the backend admin panel.


Section

FAQs

Click here to visit FAQs.


Section

Support

Click here to raise a support ticket using your MageDelight account.


Section

Additional Services

Click here to get the customized solution for this extension.

...