filmov
tv
How to display a static block in a popup in Magento 2
Показать описание
► Skype: cuongnq87
Hi everybody, I am Cuong, Welcome back to my Magento 2 tutorial video series.
#magento2tutorial
Today, I am going to show everybody a best practice, How to display a static block in a popup in Magento 2.
What will you get after completing this practice? You will understand:
1. How to show a static block from a template phtml file in Magento 2
2. How to create a popup in Magento 2
3. How to add a block into a layout
Requirements: We are going to add a text link below the box select size and color on the product detail page. When the customer clicks this text link, the popup is going to show and displaying the content of a static block. This helps to consult the customer How to choose the right size for an item.
We will add the text link there.
Let's do this practice, you need to follow steps by step:
Step 1: Declaring a new module called PHPCuong_PopupContent
- Create the namespace PHPCuong in the path app\code.
- Create the module named PopupContent in the path app\code\PHPCuong.
End of the step #1, I have been completed the step to create a new module called PHPCuong_PopupContent.
Step 2: Create the new block
- Before creating a new block, we need to determine the layout file and the position we need to add this block.
- Let's determine the position we will add the new block, we need to enable the Template Path Hints for Storefront, Log into the backend and navigate to the STORES → Settings → Configuration → Advanced → Developer
Step 3: Create a new static block
- Log into the backend and navigate to the Content → Elements → Blocks → Add New Block
- Enter the block information
Step 4: Test and See the results
Run the commands line following:
php bin/magento setup:upgrade --keep-generated (Install the new modules)
php bin/magento cache:flush (flush caches)
Go to the product page.
Yeah, it works perfectly.
Thank you for your watching. If you have any questions about this practice please feel free to leave a comment below.
Don't forget to like, comment, share and subscribe to my channel for getting the latest videos.
Please do not hesitate to contact me if you need me to join your Magento project. My rate is $25/hour in Magento 1 and $30/hour in Magento 2.
Hi everybody, I am Cuong, Welcome back to my Magento 2 tutorial video series.
#magento2tutorial
Today, I am going to show everybody a best practice, How to display a static block in a popup in Magento 2.
What will you get after completing this practice? You will understand:
1. How to show a static block from a template phtml file in Magento 2
2. How to create a popup in Magento 2
3. How to add a block into a layout
Requirements: We are going to add a text link below the box select size and color on the product detail page. When the customer clicks this text link, the popup is going to show and displaying the content of a static block. This helps to consult the customer How to choose the right size for an item.
We will add the text link there.
Let's do this practice, you need to follow steps by step:
Step 1: Declaring a new module called PHPCuong_PopupContent
- Create the namespace PHPCuong in the path app\code.
- Create the module named PopupContent in the path app\code\PHPCuong.
End of the step #1, I have been completed the step to create a new module called PHPCuong_PopupContent.
Step 2: Create the new block
- Before creating a new block, we need to determine the layout file and the position we need to add this block.
- Let's determine the position we will add the new block, we need to enable the Template Path Hints for Storefront, Log into the backend and navigate to the STORES → Settings → Configuration → Advanced → Developer
Step 3: Create a new static block
- Log into the backend and navigate to the Content → Elements → Blocks → Add New Block
- Enter the block information
Step 4: Test and See the results
Run the commands line following:
php bin/magento setup:upgrade --keep-generated (Install the new modules)
php bin/magento cache:flush (flush caches)
Go to the product page.
Yeah, it works perfectly.
Thank you for your watching. If you have any questions about this practice please feel free to leave a comment below.
Don't forget to like, comment, share and subscribe to my channel for getting the latest videos.
Please do not hesitate to contact me if you need me to join your Magento project. My rate is $25/hour in Magento 1 and $30/hour in Magento 2.
0:00:15
Set static Front page in WordPress. Display a custom home page.
0:06:18
Pixel 2 Display Static Repair
0:00:45
How do static 7-segment displays work?
0:00:10
How to Enable or Disable the On-Screen Keyboard in Windows 10
0:04:49
Display a Static Map Using Address Field Static Map
0:30:52
NGINX simple setup: display a static webpage
0:00:18
Fixing phone with lighter
0:16:08
PART 15(html-beginner): HOW TO MANAGE STATIC FILE IMAGES IN DJANGO & DISPLAY THEM ON WEB LOCALLY
0:01:32
Full-Size F1 Show Car in Ferrari Red – Static Display, Motion Simulator or Pit Stop Option
0:00:25
Screen Flickering? 🖥️ Here Are 4 Fixes You NEED to Try! 🔧
0:00:24
Hikvision Static IP Configuration #cctv #hikvision #cctvcamera
0:00:24
His PC Turns On But No Display 😬
0:05:15
Use Static Resources | Visualforce Basics
0:07:50
How to display static block with images on category pages in magento
0:00:41
Set static Front page in WordPress. Display a custom home page#wordpress #webdesign
0:00:15
Do this to reset your graphics card if your display does not come on. #windows #pc #pctips
0:00:53
Android screen problem fixed, static screen, dead screen
0:00:50
Instruction video for Static QR code display
0:01:01
BoinxTV: How to display static text
0:07:12
How to display promotional banner with static block in magento
0:00:22
Vivo v40 Pro Uv Tempered Glass Quick Paste 1Min Edge To Edge Protector No Border
0:07:16
Display a static Map using Mapbox SDK - Android Tutorial
0:00:31
How to install glue glass in phone how to apply UV Tampered Glass #viralshort #viralvideo #tech
0:23:34
How to display a static block in a popup in Magento 2
Комментарии