Author: m@g3m@nk3y$

1) Add “Hover” attribute

Go to Stores > Attributes > Products and click on “Add New Attribute”

Create the attribute “Hover” and Select “Media Image” in the “Catalog Input

Type for Store Owner” dropdown and Save it.

2) Now go to Attribute Set.

Stores > Attributes > Attribute Set

Add “hover” attribute to “Images” Group like the below screenshot.

3) Now go to product and upload an image and select Hover like below screenshot.

4) Now we have to use this attribute in the listing page. So we have to make ‘used_in_product_listing’ to 1.

We can do that by using MySQL.
You need to take “hover” Attribute_ID from admin.
You can go to your “hover” attribute page in admin and get its ID from URL.
Suppose that Attribute_ID is 99 in our case.
Now, go to the database and select the “catalog_eav_attribute” table.
Select the attribute with id 99 and change the value of the `used_in_product_listing` column to 1.
Use below MySQL query :

UPDATE catalog_eav_attribute SET used_in_product_listing = ‘1’ WHERE attribute_id = 99;

5) Declare Hover attribute in view.xml
view.xml should be in app/design/frontend/MyThemeVendor/MyTheme/etc/view.xml

add below code

<?xml version="1.0"?>
 <view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Catalog:etc/view.xsd">
 <media>
  <images module="Magento_Catalog">
   <image id="hover_product_list" type="hover">
    <width>240</width>
    <height>300</height>
   </image>
  </images>
 </media>
</view>

 

6) Get “Hover” attribute in listing template

Listing template is in app/design/frontend/MyThemeVendor/MyTheme/Magento_Catalog/templates/product/list.phtml

User below helper to initialize hover image.

<?php 
$_imageHelper = $this->helper('MagentoCatalogHelperImage');
$_imageHover = 'hover_product_list';
?>

Search “product-image” class and use the below code and CSS to get a hover image.

<div class="product-image">
    <div class="product-label">
        <?php 
            $newFromDate = $_product->getNewsFromDate();
            $newToDate = $_product->getNewsToDate(); 
            $now = date("Y-m-d H:m:s");
            // Get the Special Price
            $specialprice = $_product->getSpecialPrice(); 
            // Get the Special Price FROM date
            $specialPriceFromDate = $_product->getSpecialFromDate();
            // Get the Special Price TO date
            $specialPriceToDate = $_product->getSpecialToDate();
        ?>
        <?php if($specialprice && (($specialPriceFromDate <= $now && $specialPriceToDate >= $now) || (($specialPriceFromDate <= $now && $specialPriceFromDate != NULL) && $specialPriceToDate  == ''))): ?>
            <span class="sale"><?php echo __('Wras'); ?></span>
        <?php endif; ?>                        
        <?php if((($newFromDate <= $now && $newToDate >= $now) || (($newFromDate <= $now && $newFromDate != NULL) && $newToDate == NULL))): ?>
            <span class="new"><?php echo __('New'); ?></span>
        <?php endif; ?>
    </div>
    <div class="product-item-image" data-container="product-grid">
        <?php
            $productImage = $block->getImage($_product, $imageDisplayArea);
            if ($pos != null) {
                $position = ' style="left:' . $productImage->getWidth() . 'px;'
                    . 'top:' . $productImage->getHeight() . 'px;"';
            }
        ?>
        <?php // Product Image ?>
        <a class="product-item-photo-focus" href="<?= $block->escapeUrl($_product->getProductUrl()) ?>">
            <?= $productImage->toHtml() ?>
        </a>
        <?php //Product Image Hovered ?>
        <?php
        $productImageHover = $_imageHelper->init($_product, $_imageHover);
        if ($pos != null) {
            $position = ' style="left:' . $productImage->getWidth() . 'px;'
        . 'top:' . $productImage->getHeight() . 'px;"';
        }
        ?>
        <?php if (strpos($productImageHover->getUrl(), 'Magento_Catalog/images/product/placeholder/hover.jpg') == false) { ?>
            <a href="<?php /* @escapeNotVerified */ echo $_product->getProductUrl() ?>" class="product-item-photo-hovered" tabindex="-1">
                <img src="<?php echo $productImageHover->getUrl(); ?>" class="photo-image-hover" width="<?php echo $productImage->getWidth(); ?>" height="<?php echo $productImage->getWidth() ?>" alt="<?php echo $productImageHover->getLabel() ?>"/>
            </a>
        <?php } ?>
    </div>
</div>

CSS:

.product-item-image {position: relative;}
.product-item-image:hover .product-item-photo-hovered {opacity:1;z-index: 1;visibility: visible;}
.product-item-photo-hovered {position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;transition: 0.6s;}

 

If you want to apply cart price rules like free shipping after discount and tax calculation, then you need to do customization in the sales rule module.

To add new option in the cart price rule condition drop-down, You need to create custom extension like “Magemonkeys_Cartrule”.

1. Create registration.php in app/code/Magemonkeys/Cartrule/

<?php 
MagentoFrameworkComponentComponentRegistrar::register(
    MagentoFrameworkComponentComponentRegistrar::MODULE,
    'Magemonkeys_Cartrule',
    __DIR__
);

2. Create module.xml in app/code/Magemonkeys/Cartrule/etc/

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
    <module name="Magemonkeys_Cartrule" setup_version="1.0.0">
    </module>
</config>

3. Create di.xml in app/code/Magemonkeys/Cartrule/etc/adminhtml/di.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">    
    <preference for="MagentoSalesRuleModelRuleConditionAddress" type="MagemonkeysCartruleModelRuleConditionAddress" />
</config>

4. Create Address.php in app/code/Magemonkeys/Cartrule/Model/Rule/Condition/Address.php

<?php

namespace MagemonkeysCartruleModelRuleCondition;

/**
 * Class Address
 */
class Address extends MagentoSalesRuleModelRuleConditionAddress
{
    
    /**
     * Load attribute options
     * @return $this
     */
    public function loadAttributeOptions()
    {
        $attributes = [
            'base_subtotal_with_discount' => __('Subtotal (Excl. Tax)'),
            'base_subtotal' => __('Subtotal'),
            'total_qty' => __('Total Items Quantity'),
            'weight' => __('Total Weight'),
            'shipping_method' => __('Shipping Method'),
            'postcode' => __('Shipping Postcode'),
            'region' => __('Shipping Region'),
            'region_id' => __('Shipping State/Province'),
            'country_id' => __('Shipping Country'),
        ];

        $this->setAttributeOption($attributes);

        return $this;
    }

    /**
     * Get input type
     * @return numeric
     */
    public function getInputType()
    {
        switch ($this->getAttribute()) {
            case 'base_subtotal_with_discount':
            case 'base_subtotal':
            case 'weight':
            case 'total_qty':
                return 'numeric';

            case 'shipping_method':
            case 'payment_method':
            case 'country_id':
            case 'region_id':
                return 'select';
        }
        return 'string';
    }

}

5. Run php bin/magento setup:upgrade command

So you can see the “Subtotal (Excl. Tax)” option in cart price rule’s condition drop-down.

Note: This option has already added by Magento in Magento 2.3.2+ version

By default Magento collapse all filters in layered navigation. So if you want to expand only “Category” filter please follow below steps.

First you have to override below PHTML file in your theme:

vendor/magento/module-layered-navigation/view/frontend/templates/layer/view.phtml

Like:

app/design/frontend/[VENDOR_THEME_NAME]/[THEME_NAME]/Magento_LayeredNavigation/templates/layer/view.phtml

After overriding above PHTML file find below code and replace with new code (Around line no. 33 to 42):

<?php foreach ($block->getFilters() as $filter): ?>
    <?php if (!$wrapOptions): ?>
        <strong role="heading" aria-level="2" class="block-subtitle filter-subtitle"><?= /* @escapeNotVerified */ __('Shopping Options') ?></strong>
        <dl class="filter-options" id="narrow-by-list">
    <?php $wrapOptions = true; endif; ?>
        <?php if ($filter->getItemsCount()): ?>
            <dt role="heading" aria-level="3" class="filter-options-title"><?= $block->escapeHtml(__($filter->getName())) ?></dt>
            <dd class="filter-options-content"><?= /* @escapeNotVerified */ $block->getChildBlock('renderer')->render($filter) ?></dd>
        <?php endif; ?>
<?php endforeach; ?>

Replace with this code:

<?php foreach ($block->getFilters() as $filter): ?>
    <?php if ($filter->getItemsCount()): ?>
        <?php if (!$wrapOptions): ?>
            <?php  
                $collapsibleRange = '';
                $cat = __('Category');
                if($filter->getName() == $cat){
            	   $collapsibleRange = $catcount; 
                }
                $catcount++;
            ?>
            <strong role="heading" aria-level="2" class="block-subtitle filter-subtitle"><?php /* @escapeNotVerified */ echo __('Shopping Options') ?></strong>            
            <dl class="filter-options" id="narrow-by-list" data-role="content" data-mage-init='{"accordion":{"openedState": "active", "collapsible": true, "active": "<?php echo $collapsibleRange ?>", "multipleCollapsible": false}}'>
            <?php $wrapOptions = true; ?>
        <?php endif; ?>
        <div data-role="collapsible" class="filter-options-item">
            <div data-role="title" class="filter-options-title"><?php /* @escapeNotVerified */ echo __($filter->getName()) ?></div>
            <div data-role="content" class="filter-options-content"><?php /* @escapeNotVerified */ echo $block->getChildBlock('renderer')->render($filter); ?></div>
        </div>
    <?php endif; ?>
<?php endforeach; ?>

After doing all steps please clean the cache php bin/magento cache:clean and check in front-end categories page category filer is expand like below image:

If you want to implement “add file attachment in the email” functionality in Magento 2, then please follow the below step.

Step 1) Create Vendor/Module/etc/di.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
  <preference for="MagentoFrameworkMailTemplateTransportBuilder" type="VendorModuleModelMailTransportBuilder" />
</config>

Step 2) Please create the email template in Vendor/Module/view/frontend/email/email_template.html
then after calling this file to Vendor/Module/etc/email_templates.xml

Step 3) CreateTransportBuilder and extend with MagentoFrameworkMailTemplateTransportBuilder

Create Vendor/Module/Model/Mail/TransportBuilder.php

<?php
namespace VendorModuleModelMail;

use Zend_Mime;
class TransportBuilder extends MagentoFrameworkMailTemplateTransportBuilder
{
    public function addAttachment(
        $body,
        $mimeType    = Zend_Mime::TYPE_OCTETSTREAM,
        $disposition = Zend_Mime::DISPOSITION_ATTACHMENT,
        $encoding    = Zend_Mime::ENCODING_BASE64,
        $filename    = null
    ) {
        $this->message->createAttachment($body, $mimeType, $disposition, $encoding, $filename);
        return $this;
    }
}

Step 4) Send mail using controller in execute method
Create Vendor/Module/Controller/Index/Index.php

<?php
namespace VendorModuleControllerIndex;

use MagentoFrameworkAppActionContext;
use MagentoFrameworkUrlFactory;
use MagentoFrameworkAppFilesystemDirectoryList;
use MagentoFrameworkTranslateInlineStateInterface;
use VendorModuleModelMailTransportBuilder;
use MagentoFrameworkAppConfigScopeConfigInterface;
use MagentoStoreModelScopeInterface;
use Zend_Mime;


class Index extends MagentoCustomerControllerAbstractAccount {
    
    public function __construct(Context $context, 
        MagentoFrameworkFilesystem $fileSystem,
        StateInterface $inlineTranslation,
        TransportBuilder $transportBuilder,  
        ScopeConfigInterface $scopeConfig,
        UrlFactory $urlFactory, 
        MagentoFrameworkMessageManagerInterface $messageManager
    ) {
        $this->_filesystem = $fileSystem;
        $this->urlModel = $urlFactory->create ();
        $this->inlineTranslation = $inlineTranslation;
        $this->_transportBuilder = $transportBuilder;
        $this->scopeConfig = $scopeConfig;
        $this->messageManager = $messageManager;
        parent::__construct ( $context );
    }
    public function execute() {
        $objectManager = MagentoFrameworkAppObjectManager::getInstance();
        $storeurl = $objectManager->get( 'MagentoStoreModelStoreManagerInterface' )->getStore()->getBaseUrl();
        $result = array();
        $resultRedirect = $this->resultRedirectFactory->create ();
        if($_FILES['fileattach']['name']){
            try {
                $uploader = $objectManager->create('MagentoMediaStorageModelFileUploader',['fileId' => 'fileattach']);
                $uploader->setAllowedExtensions(['docx']);
                $uploader->setAllowRenameFiles(true);
                $uploader->setFilesDispersion(true);
                // get media directory
                $mediaDirectory = $this->_filesystem->getDirectoryRead(DirectoryList::MEDIA);
                // save the image to media directory
                
                $result = $uploader->save($mediaDirectory->getAbsolutePath()."fileupload");
                $email = $this->scopeConfig->getValue('trans_email/ident_general/email',ScopeInterface::SCOPE_STORE);
                $name  = $this->scopeConfig->getValue('trans_email/ident_general/name',ScopeInterface::SCOPE_STORE);
                $pdfFile = $result['path'].$result['file'];
                $emailTemplateVariables['message'] = 'This is a test message.';
                $this->inlineTranslation->suspend();
                $this->_transportBuilder->setTemplateIdentifier('email_template') // Add your template name
                  ->setTemplateOptions(
                      [
                          'area' => MagentoFrameworkAppArea::AREA_FRONTEND,
                          'store' =>  $objectManager->get( 'MagentoStoreModelStoreManagerInterface' )->getStore()->getId(),
                      ]
                  )
                  ->setTemplateVars($emailTemplateVariables)
                  ->setFrom([
                      'name' => 'From Name',
                      'email' => "test1@gmail.com",
                  ])
                  ->addTo("test123@gmail.com", "To Name")
                  ->addAttachment(file_get_contents($pdfFile),$result['type'],Zend_Mime::DISPOSITION_ATTACHMENT,Zend_Mime::ENCODING_BASE64,$result['name']); //Attachment goes here.
              try {
                  $transport = $this->_transportBuilder->getTransport();
                  $transport->sendMessage();
                  $this->inlineTranslation->resume();
              } catch (Exception $e) {
                  echo $e->getMessage(); die;
              }
            } catch (Exception $e) {
                Zend_Debug::dump($e->getMessage());
            }
        }else{
            $url = $this->urlModel->getUrl ( '*/*/create', [ 
                    '_secure' => true 
            ] );
            $resultRedirect->setUrl ( $this->_redirect->error ( $url ) );
            $this->messageManager->addError(__('Please upload the document'));
            return $resultRedirect;
        }
      }
    }