Page 3 - Blog

Now we have to create the styling file. All the css and js files must be created under view/{areacode}/web folder.

All configuration is done in the requirejs-config.js file. It has a single root object config which contains the configuration options described below. 

var config = {
    map: {...},
    paths: {...},
    deps: [...],
    shim: {...},
    config: {
        mixins: {...},
        text: {...}
    }
}

https://developers.google.com/search/docs/appearance/structured-data/image-license-metadata

https://search.google.com/test/rich-results

Install this module to show rich snippets on google search page

https://github.com/outeredge/magento-structured-data-module

https://developers.google.com/search/docs/appearance/structured-data

What are Rich Snippets?

Here’s an example:

 

That’s a normal “snippet”.

Rich Snippets take a normal snippet… and add to it.

Here’s an example of a Rich Snippet:

1. Inspect the Source Code: Right-click on the webpage where the schema markup is being displayed and select "View Page Source" or "Inspect" (depending on your browser). Look for the <script> tags containing JSON-LD data, which represents the structured data. Each <script> tag usually corresponds to a specific schema markup.

2. Identify the Content: Within the JSON-LD script, look for the content that describes the structured data. Depending on the schema type (e.g., Product, Organization,

<type name="Magento\Framework\App\RouterList">
    <arguments>
        <argument name="routerList" xsi:type="array">
            <item name="routingExample" xsi:type="array">
                <item name="class" xsi:type="string">ExampleCorp\RoutingExample\Controller\Router</item>
                <item name="disable" xsi:type="boolean">false</item>
                <item name="sortOrder" xsi:type="string">40</item>
            </item>
        </argument>
    </arguments>
</type>

Creating the controller that will handle the routing route and will get the parameters passed by our router.

File: ExampleCorp/RoutingExample/Controller/Index/Index.php

<?php
declare(strict_types=1);

namespace ExampleCorp\RoutingExample\Controller\Index;

use Magento\Framework\App\Action\HttpGetActionInterface;
use Magento\Framework\App\RequestInterface;
use Magento\Framework\View\Result\Page;
use Magento\Framework\View\Result\PageFactory;

/**
 * Class Index
 */
class Index implements HttpGetActionInterface

We will create Blog.php under Model Folder

So we can create Resource model folder and Blog.php under it.

Collection

We understand that in the context of database tables, a model represents an individual row, while a collection encompasses all the rows within that table. You can envision the collection as a group of models or equivalently, as executing a "Select * From Table table_name" query.

When we need to work with multiple rows, such as retrieving all records, applying filters using "where" or "like" clauses,

Create the Block:

Inside the Block directory, create a Directory Add and PHP file named Add.php.

View this link for form validation method and this

Include form action from block 

return $this->getUrl('training/post/addpost');

Add form key for security

 <?php echo $block->getBlockHtml('formkey'); ?>

Add valition 

data-mage-init='{"validation": {}}'

In this blog, I'll guide you through the process of creating a Block, Controller, Template file, and their corresponding layout files.

I hope you must be a developer reading this blog so i would give you tips how you can improve your efficacy.

If you are using a PHPSTORM then you can use live template that will make your work much smoother and less work hasle.

Create A Controller: 

<?php

namespace Anees\Training\Controller\Index;

use Magento\Framework\App\Action\Action;
use Magento\Framework\View\Result\PageFactory;
use Magento\Framework\App\Action\Context;

class Index extends Action
{
    /**
     * @var PageFactory
     */
    protected $pageFactory;

    /**
     * @param Context $context
     * @param PageFactory $pageFactory
     */
    public function __construct(Context $context, PageFactory $pageFactory)
    {
        parent::__construct($context);
        $this->pageFactory = $pageFactory;
    }

    /**
     * Index Action
     *
     * @return \Magento\Framework\View\Result\Page
     */
    public function execute()
    {
        /** @var \Magento\Framework\View\Result\Page $resultPage

I will make it very simple sweet and short. No long boring text. Just to the point.

Lets start!

Magento 2 only need two files to register and initialize a module.

1. registration.php: This file is located in the root directory of your module (app/code/Anees/Training/registration.php). It uses a Magento function to register the module with the framework.

2. etc/module.xml: This file is located within the etc folder of your module (app/code/Anees/Training/etc/module.xml). It defines the module's name, setup version, and any dependencies it might have.

After adding above two files run command bin/magento module:enable Anees_Training

Remember this is just a start. Magic will happen later when you go to advance level.

You can get this module from here.

https://webkul.com/blog/magento2-create-list-with-pager-in-frontend/

So first you have to check where you are getting collection. Most of time its coming from block and this blog also share how to do it when collection is coming from block.

Now go to your block file and add a _prepareLayout() function. This function render the layout of page as its visible from its name like we can set page title and other things also this function runs automatically.

See below function.

protected function _prepareLayout()
{
    parent::_prepareLayout();
    $this->pageConfig->getTitle()->set(__('My Reward History'));

    // Assuming $macAddress is available, get records for the given MAC address
    $blockss_c = $this->getLayout()->createBlock('\Motoris\Vehiclelookup\Block\Cookie');
    $macAddress = $blockss_c->get('customer_veh');

    $records = $this->getRecordsByGarage($macAddress);

    // Use $records to set up your layout
    if ($records) {
        // Create a unique pager block ID using a counter
        $pagerId = 'reward_history_pager_' .