{"id":282419,"date":"2021-02-09T06:26:17","date_gmt":"2021-02-09T06:26:17","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=282419"},"modified":"2024-08-01T09:32:03","modified_gmt":"2024-08-01T09:32:03","slug":"magento-2-collection-list-block","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/","title":{"rendered":"Magento 2: Collection List and Block"},"content":{"rendered":"\n

Now that we have saved the form data in Magento<\/a>, let’s create a list where customers can view all of his\/her blogs.<\/p>\n\n\n\n

Redirection and Messages<\/h2>\n\n\n\n

Earlier we displayed just a simple message saying “Saved” when the customer submitted the form. But it will be better to redirect to the list page after saving the data. <\/p>\n\n\n\n

So we have to edit the Controller\/Manage\/Save.php<\/em> file,<\/p>\n\n\n\n

Updated code for Controller\/Manage\/Save.php<\/em> file<\/p>\n\n\n\n

<?php\nnamespace Webkul\\BlogManager\\Controller\\Manage;\n\nuse Magento\\Customer\\Controller\\AbstractAccount;\nuse Magento\\Framework\\App\\Action\\Context;\nuse Magento\\Customer\\Model\\Session;\n\nclass Save extends AbstractAccount\n{\n    \/**\n     * @var \\Webkul\\BlogManager\\Model\\BlogFactory\n     *\/\n    protected $blogFactory;\n\n    \/**\n     * @var Magento\\Customer\\Model\\Session\n     *\/\n    protected $customerSession;\n\n    \/**\n     * @var \\Magento\\Framework\\Message\\ManagerInterface\n     *\/\n    protected $messageManager;\n\n    \/**\n     * Dependency Initilization\n     *\n     * @param Context $context\n     * @param \\Webkul\\BlogManager\\Model\\BlogFactory $blogFactory\n     *\/\n    public function __construct(\n        Context $context,\n        \\Webkul\\BlogManager\\Model\\BlogFactory $blogFactory,\n        Session $customerSession,\n        \\Magento\\Framework\\Message\\ManagerInterface $messageManager\n    ) {\n        $this->blogFactory = $blogFactory;\n        $this->customerSession = $customerSession;\n        $this->messageManager = $messageManager;\n        parent::__construct($context);\n    }\n\n    \/**\n     * Provides content\n     *\n     * @return \\Magento\\Framework\\View\\Result\\Page\n     *\/\n    public function execute()\n    {\n        $data = $this->getRequest()->getParams();\n        $model = $this->blogFactory->create();\n        $model->setData($data);\n\n        $customer = $this->customerSession->getCustomer();\n        $customerId = $customer->getId();\n        $model->setUserId($customerId);\n\n        $model->save();\n        \n        $this->messageManager->addSuccess(__('Blog saved successfully.'));\n        return $this->resultRedirectFactory->create()->setPath('blog\/manage');\n    }\n}<\/pre>\n\n\n\n
It’s a good practice to declare the member variables. So we declared them at the start of the class. To redirect we have used resultRedirectFactory and called the setPath method with the URL at which we want to redirect.<\/p>\n\n\n\n
 As you may have noticed here we have given only two parts of the url that’s because it will autofill the missing part with “index”. So our URL will become blog\/manage\/index<\/em>.<\/p>\n\n\n\n
Now let’s talk about \\Magento\\Framework\\Message\\ManagerInterface<\/em> class. This is used to show messages on the page. There are four types of messages available in Magento. 
i) Success
ii) Error
iii) Notice
iv) Warning<\/p>\n\n\n\n
\"2021-02-08_18-54-1\"<\/figure>\n\n\n\n
Also, notice that in the addSuccess method, we have passed the message enclosed in __(“”)<\/strong>. All static text should be enclosed within __(‘some text’) <\/em>so that it become translatable. Magento allows us to create translations for different languages with the help of a .csv file.<\/p>\n\n\n\n
Now let’s create the index action in Contoller\/Manage<\/em>\/Index.php<\/em> which will be used to show the blogs list.<\/p>\n\n\n\n
Code for Contoller\/Manage<\/em>\/Index.php<\/em> file<\/p>\n\n\n\n
<?php\nnamespace Webkul\\BlogManager\\Controller\\Manage;\n\nuse Magento\\Customer\\Controller\\AbstractAccount;\nuse Magento\\Framework\\App\\Action\\Context;\nuse Magento\\Framework\\View\\Result\\PageFactory;\n\nclass Index extends AbstractAccount\n{\n    \/**\n     * @var Magento\\Framework\\View\\Result\\PageFactory\n     *\/\n    protected $resultPageFactory;\n\n    \/**\n     * Dependency Initilization\n     *\n     * @param Context $context\n     * @param PageFactory $resultPageFactory\n     *\/\n    public function __construct(\n        Context $context,\n\t    PageFactory $resultPageFactory\n    ) {\n\t    $this->resultPageFactory = $resultPageFactory;\n        parent::__construct($context);\n    }\n\n    \/**\n     * Provides content\n     *\n     * @return \\Magento\\Framework\\View\\Result\\Page\n     *\/\n    public function execute()\n    {\n        $resultPage = $this->resultPageFactory->create();\n        $resultPage->getConfig()->getTitle()->set(__('Blogs'));\n        $layout = $resultPage->getLayout();\n        return $resultPage;\n    }\n}<\/pre>\n\n\n\n
Blocks<\/h2>\n\n\n\n
Here we will be showing a phtml file so we need to create a layout file as view\/frontend\/layout\/blogmanager_manage_index.xml<\/strong><\/p>\n\n\n\n
Code for view\/frontend\/layout\/blogmanager_manage_index.xml<\/em> file<\/p>\n\n\n\n
<?xml version="1.0"?>\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <update handle="customer_account"\/>\n    <body>\n        <referenceContainer name="content">\n            <block class="Webkul\\BlogManager\\Block\\BlogList" name="blogmanager.blog.list" template="Webkul_BlogManager::list.phtml" \/>\n        <\/referenceContainer>\n    <\/body>\n<\/page><\/pre>\n\n\n\n
Here everything should be familiar except the block class. Earlier we used the default block class for the Blog Add page but for the Blog List page, we will create a Block class Webkul\\BlogManager\\Block\\BlogList<\/em>.<\/p>\n\n\n\n
Why do we need a block? The need for the block is to pass data to the template file. The block class contains the logical part of the view. <\/p>\n\n\n\n
All the data needed by the template file should come from the block. We do not write complex code in the phtml file, instead, we write the complex codes in the block and pass the result to the phtml file.<\/p>\n\n\n\n
Now let’s create the Block<\/strong> folder under the module directory. In the Block folder, we need to create the block file BlogList.php<\/strong> as<\/p>\n\n\n\n
Code for Block\/BlogList.php<\/em> file<\/p>\n\n\n\n
<?php\nnamespace Webkul\\BlogManager\\Block;\n\nclass BlogList extends \\Magento\\Framework\\View\\Element\\Template\n{\n    \/**\n     * @var \\Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\CollectionFactory\n     *\/\n    protected $blogCollection;\n\n    \/**\n     * Dependency Initilization\n     *\n     * @param \\Magento\\Framework\\View\\Element\\Template\\Context $context\n     * @param \\Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\CollectionFactory $blogCollection\n     * @param array $data\n     *\/\n    public function __construct(\n        \\Magento\\Framework\\View\\Element\\Template\\Context $context,\n        \\Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\CollectionFactory $blogCollection,\n        array $data = []\n    ) {\n        $this->blogCollection = $blogCollection;\n        parent::__construct($context, $data);\n    }\n\n    \/**\n     * Get Blog List\n     *\n     * @return \\Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\Collection\n     *\/\n    public function getBlogs()\n    {\n        $collection = $this->blogCollection->create();\n        return $collection;\n    }\n}<\/pre>\n\n\n\n
All Blocks must extend the default block class \\Magento\\Framework\\View\\Element\\Template<\/em>. We will use this block to load the blog data. <\/p>\n\n\n\n
Note here we are using the collection \\Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\CollectionFactory<\/em> because we need to load multiple rows from the table. Just like the model the model collection also has the factory class.<\/p>\n\n\n\n
Here we have the getBlogs() method in which we are loading the collection and returning the whole collection.  Just like the model factory here also we need to call the create() <\/em>method to create a new object of the collection.<\/p>\n\n\n\n
Now that we have created the block let’s create the list.phtml <\/strong>file for this block under the view\/frontend\/templates <\/strong>folder.<\/p>\n\n\n\n
Code for view\/frontend\/templates\/list.phtml <\/em>file<\/p>\n\n\n\n
<table>\n    <tr>\n        <th>\n            <?= __("Id")?>\n        <\/th>\n        <th>\n            <?= __("Title")?>\n        <\/th>\n        <th>\n            <?= __("Content")?>\n        <\/th>\n    <\/tr>\n    <?php\n    $blogs = $block->getBlogs();\n\n    foreach ($blogs as $blog) {?>\n    <tr>\n        <td>\n            <?= $escaper->escapeHtml($blog->getId())?>\n        <\/td>\n        <td>\n            <?= $escaper->escapeHtml($blog->getTitle())?>\n        <\/td>\n        <td>\n            <?= substr($escaper->escapeHtml($blog->getContent()), 0, 20).'...'?>\n        <\/td>\n    <\/tr>\n    <?php } ?>\n<\/table><\/pre>\n\n\n\n
The <?= ?><\/strong> is nothing but a shorthand notation for <?php echo ?><\/strong>. You can find it in the PHP manual. I have already told you about the __(“”)<\/strong>, it’s used for translation and $escaper->escapeHtml()<\/strong> is used to remove any HTML content from the data.<\/p>\n\n\n\n
Now see the important line $blogs = $block->getBlogs();<\/strong> here we are calling the getBlogs()<\/strong> function of the block which will return the blogs collection. <\/p>\n\n\n\n
Remember I told you that collection is a collection of models, so when we loop over the collection with a foreach loop then we will get a model in each iteration. That means in each iteration we will get a row from the table.<\/p>\n\n\n\n
The $blog->getId()<\/strong> will return the entity_id<\/em> which means it acts as getEntityId()<\/strong> that’s because in the model we have written this method,<\/p>\n\n\n\n
\"2021-02-08_20-32\"<\/figure>\n\n\n\n
Just like the setters that we saw in the previous blog, the getters get internally managed, we just have to use the camelCase naming convention for each column.<\/p>\n\n\n\n
So we can use getTitle(), and getContent()<\/em> to access the title and content column respectively, even though we have not written these methods in the model file.<\/p>\n\n\n\n
Now when you submit the add blog form you will be redirected to the blog list page with a success message like,<\/p>\n\n\n\n
\"2021-02-08_17-51\"<\/figure>\n\n\n\n
Let’s create a customer navigation link for this page also, we have to edit view\/frontend\/layout<\/em>\/customer_account.xml<\/em><\/p>\n\n\n\n
<?xml version="1.0"?>\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <body>\n        <referenceBlock name="customer_account_navigation">\n            <block class="Magento\\Framework\\View\\Element\\Html\\Link\\Current" name="customer-account-navigation-blog-add" after="-" >\n                <arguments>\n                    <argument name="label" xsi:type="string" translate="true">Add Blog<\/argument>\n                    <argument name="path" xsi:type="string">blog\/manage\/add<\/argument>\n                <\/arguments>\n            <\/block>\n            <block class="Magento\\Framework\\View\\Element\\Html\\Link\\Current" name="customer-account-navigation-blog-list" before="customer-account-navigation-blog-add" >\n                <arguments>\n                    <argument name="label" xsi:type="string" translate="true">Blogs<\/argument>\n                    <argument name="path" xsi:type="string">blog\/manage<\/argument>\n                <\/arguments>\n            <\/block>\n        <\/referenceBlock>\n    <\/body>\n<\/page><\/pre>\n\n\n\n
Here in the block node, we have added before=”customer-account-navigation-blog-add”<\/em> so it will add the blog list menu before the blog add menu. You will be able to see the Blogs link in the customer navigation,<\/p>\n\n\n\n
\"2021-02-09_11-43\"<\/figure>\n\n\n\n
PS. We can get the collection from the model class also. When we call the $model->getCollection()<\/strong> it returns the collection of the model.<\/p>\n\n\n\n
PS. Just like setData the model and collections have getData<\/em>, which returns the data in associative array format. So during development or debugging when we have to view data, we use echo ‘<pre>; print_r($collection->getData()); die;<\/strong> which prints out the data in a nice viewable format.<\/p>\n\n\n\n
Folder structure till now,<\/p>\n\n\n\n
\"Selection_109\"<\/figure>\n\n\n\n
Next Blog -> Magento 2 Development 11: Filter and Sorting<\/a><\/p>\n\n\n\n
Previous Blog -> Magento 2 Development 09: Form Validation and Saving Data<\/a><\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Now that we have saved the form data in Magento, let’s create a list where customers can view all of his\/her blogs. Redirection and Messages Earlier we displayed just a simple message saying “Saved” when the customer submitted the form. But it will be better to redirect to the list page after saving the data. […]<\/a><\/p>\n","protected":false},"author":201,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[2460,15568,15567],"class_list":["post-282419","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-magento-2","tag-odoo-bigcommerce","tag-odoo-bigcommerce-connector"],"yoast_head":"\nMagento 2: Collection List and Block - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2: Collection List and Block - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Now that we have saved the form data in Magento, let’s create a list where customers can view all of his\/her blogs. Redirection and Messages Earlier we displayed just a simple message saying “Saved” when the customer submitted the form. But it will be better to redirect to the list page after saving the data. [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-09T06:26:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-01T09:32:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1-1200x194.png\" \/>\n<meta name=\"author\" content=\"Sanjay Chouhan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sanjay Chouhan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/\"},\"author\":{\"name\":\"Sanjay Chouhan\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/645580979f637b0e355deea21bd07462\"},\"headline\":\"Magento 2: Collection List and Block\",\"datePublished\":\"2021-02-09T06:26:17+00:00\",\"dateModified\":\"2024-08-01T09:32:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/\"},\"wordCount\":929,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1-1200x194.png\",\"keywords\":[\"Magento 2\",\"odoo bigcommerce\",\"odoo bigcommerce connector\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/\",\"name\":\"Magento 2: Collection List and Block - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1-1200x194.png\",\"datePublished\":\"2021-02-09T06:26:17+00:00\",\"dateModified\":\"2024-08-01T09:32:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1.png\",\"width\":1665,\"height\":269,\"caption\":\"2021-02-08_18-54-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento 2: Collection List and Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/645580979f637b0e355deea21bd07462\",\"name\":\"Sanjay Chouhan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd6ee19f99bd1fcafef819135529c952d7c875d06fedd9fd4c4eb0996bafc1bd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd6ee19f99bd1fcafef819135529c952d7c875d06fedd9fd4c4eb0996bafc1bd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Sanjay Chouhan\"},\"sameAs\":[\"https:\/\/www.instagram.com\/sanjaychouhansc\/\",\"https:\/\/in.linkedin.com\/in\/scchouhansanjay\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/sanjay-chouhan180\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2: Collection List and Block - Webkul Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2: Collection List and Block - Webkul Blog","og_description":"Now that we have saved the form data in Magento, let’s create a list where customers can view all of his\/her blogs. Redirection and Messages Earlier we displayed just a simple message saying “Saved” when the customer submitted the form. But it will be better to redirect to the list page after saving the data. [...]","og_url":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-02-09T06:26:17+00:00","article_modified_time":"2024-08-01T09:32:03+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1-1200x194.png","type":"","width":"","height":""}],"author":"Sanjay Chouhan","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Sanjay Chouhan","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/"},"author":{"name":"Sanjay Chouhan","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/645580979f637b0e355deea21bd07462"},"headline":"Magento 2: Collection List and Block","datePublished":"2021-02-09T06:26:17+00:00","dateModified":"2024-08-01T09:32:03+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/"},"wordCount":929,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1-1200x194.png","keywords":["Magento 2","odoo bigcommerce","odoo bigcommerce connector"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/","url":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/","name":"Magento 2: Collection List and Block - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1-1200x194.png","datePublished":"2021-02-09T06:26:17+00:00","dateModified":"2024-08-01T09:32:03+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/02\/2021-02-08_18-54-1.png","width":1665,"height":269,"caption":"2021-02-08_18-54-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento-2-collection-list-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2: Collection List and Block"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/645580979f637b0e355deea21bd07462","name":"Sanjay Chouhan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd6ee19f99bd1fcafef819135529c952d7c875d06fedd9fd4c4eb0996bafc1bd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd6ee19f99bd1fcafef819135529c952d7c875d06fedd9fd4c4eb0996bafc1bd?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Sanjay Chouhan"},"sameAs":["https:\/\/www.instagram.com\/sanjaychouhansc\/","https:\/\/in.linkedin.com\/in\/scchouhansanjay"],"url":"https:\/\/webkul.com\/blog\/author\/sanjay-chouhan180\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/282419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/201"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=282419"}],"version-history":[{"count":13,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/282419\/revisions"}],"predecessor-version":[{"id":455764,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/282419\/revisions\/455764"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=282419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=282419"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=282419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}