Step 1 :- Go to app/design/frontend/VenderName/ThemeName/Magento_Theme/layout/default.xml
Step 2 :- Copy below Code
<referenceBlock name="catalog.compare.link" remove="true"/>Step 3 :- Paste this code in default.xml before body tag () and save it.
It will remove the links from the header
Sometimes we got very confusion while developing responsive work. When we apply the breakpoints for iPad and iPhone that does not works properly. As per my experience while searching on the Internet I found some useful information regarding the media queries. I applied those and that works fine for me. So today I am going to add the media queries here for the same.
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { /* STYLES GO HERE */}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { /* STYLES GO HERE */ }
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ }
Screen Width = 768px (CSS Pixels)
Screen Height = 1024px (CSS Pixels)
Screen Width = 768px (Actual Pixels)
Screen Height = 1024px (Actual Pixels)
Device-pixel-ratio: 1
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) { /* STYLES GO HERE */}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) { /* STYLES GO HERE */}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { /* STYLES GO HERE */ }
Today I will show you how you can change favicon on magento2 site. Follow the below steps :
1- go to Content -> Design -> Configuration
2- Click on HTML Head settings tab
3- Upload your favicon and save configuration.
4- Refresh the Cache
Today I will show you how you can add google translator plugin on the wordpress site in easy steps. First of all you have install this plugin Google Language Translator
After activating the plugin go to Settings » Google Language Translator to configure the plugin.
Make sure that the plugin is activated. After that you need to select your website’s default language, and the languages you want to be available for translation. Once you are done simply save your plugin settings.
Now after then you have to use the widget code on the widget section to display the translator on the site (simply drag and drop).
If you want to do that custom then you need to copy the code as per below screenshot and paste in your template file.
Now you have done you website in multi language option….. Thanks!!
In this tutorial I will show you how you can export entire Magento product database.
Most people can find their way to the standard Export options under System -> Import/Export, but that often doesn’t produce the results they’re expecting. A better approach is to use the Dataflow – Profiles that Magento provides. These out-of-the-box export “profiles” take care of a lot of the configurations you will need to make if you use the standard Magento Export option. Depending on the data you wish to export there are options for customers, products and stock.
In this post, we are going to look specifically at the Export All Products option.
We are going to use Magento Data-Profiles to Export your entire product database:
1-Navigate to System -> Import/Export -> Data-Profiles
2- Select Export All Products:
3- Review your options in the Profile Wizard. You may wish to change the name of your export file under File Information -> File Name.
4. To define which product attributes you wish to export for each product, under Profile Wizard -> Data Format -> Export you can choose to export All Fields, or select specific product attributes you wish to export by selecting Only Mapped Fields and selecting your required attributes.
5. To define a specific range of products you wish to export under Profile Wizard -> Export Filters -> you can filter your products by name, sku, product type, attribute set, price, stock quantity, visibility or status. Save and Continue Edit, and we’re ready to export.
6. Now that the parameters for your export are set, choose the Run Profile tab and click the Run Profile in Popup button. Your export will start automatically in a pop up window.
7. Once your export is complete, you now need to retrieve it from your server via SFTP. If you are unsure of how to connect to your server, please contact your hosting provider or web support. We recommend Filezilla as a good FTP program you could use.
8. Once logged into ftp, you will find you exported csv file waiting for you inside the var/export folder. Download the file, and there you have it!
In this tutorial we will show you how to put your Magento online store in maintenance mode only for front end site. The admin can access the site without any issue
To put a Magento site in maintenance mode, you need to create an empty maintenance.flag file and upload it to the root folder of your site.
When you will upload maintenance.flag file then your website will be down and will show the error message
Service temporarily unavailable.
So for this message will show for all types of users. Now we will come to point and restrict the above message only for front users. For this follow the below instructions :
You need to replace the below code in index.php file (keep in mind when you will upgrade the site site then you must revert this process).
if (file_exists($maintenanceFile)) {
include_once dirname(__FILE__) . ‘/errors/503.php’;
exit;
}
To this
if (file_exists($maintenanceFile) && strpos($_SERVER[‘REQUEST_URI’], ‘/admin/’) === false) {
include_once dirname(__FILE__) . ‘/errors/503.php’;
exit;
}
Please note the the code above is quick and dirty hack and I just check if /admin/ exists in url. If you have another url then you should replace with that.
To get URL in magento2, you have to first create instance of \Magento\Framework\App\ObjectManager to get current store:
$_objectManager = \Magento\Framework\App\ObjectManager::getInstance(); //instance of\Magento\Framework\App\ObjectManager$storeManager = $_objectManager->get('Magento\Store\Model\StoreManagerInterface'); $currentStore = $storeManager->getStore();To get base URL:
|
1
2
3
|
$baseUrl = $currentStore->getBaseUrl();//Output link will be like this: |
To get media base URL:
|
1
2
3
|
$mediaUrl = $currentStore->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA);//Media url output link will be like this: |
To get link base url:
|
1
2
3
|
$linkUrl = $currentStore->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_LINK);//Output link will be link this: |
Steps to turn on template path hints in Magento 2:
Go to Magento 2 admin panel and login with your credentials.
Go to Stores –> Configuration.
Select Developer option from the Advanced tab at the end.
Open Debug dropdown and set Enabled Template Path Hints for Storefront to yes.
Click to Save Config.
Here are the steps that you will follow to change Logo in Magento 2
Go to your Magento 2 admin.
Go to STORES > Configuration > Design > Header
Click Choose file and select your logo
Click Save Config
Here is the tips for getting page id in wordpress. First of all I will show page id in admin area.
Go to the pages and clcik on that, then you can see all pages list. Look the below screenhsot.
After then click on the desired page and you can see the page id on the address bar as I have marked. attached screenshot.
If you want to check page id on the front side then you should use the code. Use the blow wordpress function . It will give you the page id on the pages
get_the_ID();
More detail you can get here
If you want to show page id only for specific page then you can use the below code
<?php if(get_the_ID() == ‘475’) {?>
I am your page
<?php } ?>