Versions Compared

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



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

Section

Backend Configuration (Admin side)


Panel

Image Added

General

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
  • Enable: Enable/Disable gift wrapper hamper extension by selecting Yes/No Values.
  • Allow gift wrapper on product pageFill Hamper Calculation Based On: Set value to Yes if you want to display gift wrapper option on the product page.
  • Allow gift wrapper on cart page: Set to Yes, if you want to provide option to add/edit/delete the gift wrapper at cart page.

  • Allow gift wrapper on checkout page : Set to Yes, if you want to provide option to add/edit/delete the gift wrapper at checkout page.

  • Giftwrapper Image Placeholder: Click on Choose File to upload placeholder image. This image will be displayed for each wrapper if any image is not uploaded for that wrapper while creating one.
Section

Backend Functionality

Panel

Image Removed

Manage Gift Wrap Categories

You will be having an option to manage the categories under menu Gift wrapper. Here you can see the all the added categories listing and option to add new category, shown as below:

Panel

Image Removed

Add New Category

Panel

Image Removed

  • 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

Image Removed

Add New Gift Wrapper

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.

  • the option to calculate the hamper size based on the dimensions ( L*W*H).
  • Allowed Add To Cart: If the hamper size is calculated based on dimensions (Length x Width x Height), users can set a minimum percentage for adding the hamper to the cart after meeting the specified criteria.

    If Fill Hamper Calculation Based On: Quantity

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


Section

Backend Functionality


Panel

Image Added

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

Section

Add New Gift Hamper Product

Panel

Image Added

  • Enable: Enable/Disable gift hamper product by selecting Yes/No Values.
  • : 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.
  •  
  •  
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.

...