Magento 2 Adding custom .less & css

How to Import   custom less css
1- add new file this location
  (app\design\frontend\Vendor\Themename\web\css\source\_custom.less)
2-and import  _custom.less file  in _sources.less
(app\design\frontend\Vendor\Themename\web\css\source\_sources.less)
     @import '_custom.less';
3- Run static content deploy> Go to Root of M2 setup php bin/magento setup:static-content:deploy

How to Override default less file
1-Copy file form vendor/magento/theme-frontend-blank/web/css/styles-l.less
2- Paste  file here(app\design\frontend\Vendor\Themename\web\css\)
In styles-l.less file import  _styles.less and   in _styles.less  import  _sources.less
3- Run static content deploy> Go to Root of M2 setup php bin/magento setup:static-content:deploy

How to Import custom css file
1-add new file this location
  (app\design\frontend\Vendor\Themename\web\css\_custom1.less)

2-call  _custom1.less to (app/design/frontend/Mycustom/newtheme/Magento_Theme/layout/default_head_blocks.xml)  <css src="css/_custom1.less" />

Comments

Post a Comment

Popular posts from this blog

Sort Products by popularity count in Magento

Advance shorting option for category/list page in magento Note: Please Make  folder structure app/code/local  and place all files in same structure in this folder ,If you make changes in core files its your risk.please make proper backup for core files if you modify that . Step -1. For Advance shorting option you have to create new collection by overriding Collection class. Overrride the collection class(/app/code/core/Mage/Catalog/Model/Resource/Product/collection.php and create a new function <?php   public function sortByReview ( $dir ){ $table = $this -> getTable ( 'review/review' ); $entity_code_id = Mage :: getModel ( 'review/review' ) -> getEntityIdByCode (Mage_Rating_Model_Rating :: ENTITY_PRODUCT_CODE );    $cond = $this -> getConnection () -> quoteInto ( 't2.entity_pk_value = e.entity_id and ' , '' ) . $this -> getConnection () -> quoteInto ( 't2.entity_id = ? ' , $entity_code_id );    $this -
Read more

Safe name of a file by php

 function filename_safe($filename) {     $temp = $filename;      // Lower case     $temp = strtolower($temp);         // Replace spaces with a "_"     $temp = str_replace(" ", "_", $temp);         // Loop through string     $result = "";     for ($i=0; $i<strlen($temp); $i++) {     if (preg_match("([0-9]|[a-z]|_)", $temp[$i])) {     $result = $result . $temp[$i];     }     }     // Return filename     return $result;     }         function safe_filename ($filename) {     $search = array(     // Definition of German Umlauts START     "/ß/",     "/ä/","/Ä/",     "/ö/","/Ö/",     "/ü/","/Ü/",     // Definition of German Umlauts ENDE     "([^[:alnum:]_])" // Disallow: Not alphanumeric, dot or underscore     );     $replace = array(     "ss",     "ae","Ae",     "oe","Oe",    
Read more

Get width height of image using Varien-image class in Magento

You can get width height of image using Varien_Image (lib/Varien/Image.php) class object. In this example, I assume that your image is present inside media directory of your magento installation. $imagePath = YOUR_IMAGE_PATH_LINK; // like http://example.com/media/myfolder/myimage.jpg // changing url link of image into directory link $dirImg = Mage::getBaseDir().str_replace("/",DS,strstr($imagePath,'/media')); // getting image width and height if (file_exists($dirImg)) { $imageObj = new Varien_Image($dirImg); $width = $imageObj->getOriginalWidth(); $height = $imageObj->getOriginalHeight(); echo $width." x ".$height; } else { echo "File doesn't exist."; } Resize Image <?php echo $this ->helper( 'catalog/image' )->init( $_product , 'image' ) ->constrainOnly(TRUE) ->keepAspectRatio(TRUE) ->keepFrame(FALSE) ->resize(600,null) ?> Fixed h
Read more