That video won’t do you any good at all because the infrastructure between Magento 1 and 2 are totally different. Also, bare in mind that Magento Category Pages have a List View and a Grid View. Therefore,
view.phtml refers to List View.
I wouldn’t normally try and teach anyone how to do any Frontend/Backend Development as these topics are currently out of scope for what we do here. But what you’re asking for is pretty simple if you’ve got the basic grasp of how Magento “works”.
I’m not a developer so my knowledge of things more advanced than this task is limited. For what you’re asking there is a right and a wrong way to pull attribute data - I’m not sure I know the “best-practice” way but it will get the job done.
Things you should know (or read about) before starting
- What the Magento infrastructure should look like
- How to use and create a child theme
- A basic grasp of HTML/PHP/CSS (I will never attempt to teach these skills on this website)
The changes you make will need to be made inside the child theme (assuming you’re using one already). Otherwise, your changes will eventually be overwritten from a future update. This is standard practice for any setup.
Step 1: Create an override file in your child theme
First create a copy of the
list.phtml file from your Theme. You’ll probably find this here:
<VENDER> refers to your Theme Vendor (e.g.
<THEME> refers to your Theme Name (e.g.
<THEME_CHILD> refers to your Child Theme Name (e.g.
You will then want to “override” this file by putting a copy of it in your Child Theme. Obviously, you’ll need to create the directories that don’t already exist:
At this point, you’ve “overwritten” your theme file and can safely start editing your code.
Step 2: Calling the attribute data into the file
Step 3: Printing the attribute value onto the page
I’ll update and add to this post once I know you’re with me. I’ll check back in later.