Magento2: ordem de alteração das guias na página do produto

15

Estou tentando alterar a ordem das guias na página do produto no Magento 2. O padrão é Details|More Information|Reviews.

Eu tentei:

Fornecedor / tema / Magento_Catalog / layout / catalog_product_view.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <move element="product.info.description" destination="product.info.details" after="-" />
    </body>
</page>

Mas isso não funciona e é a maneira recomendada para mover elementos. Consegui mover as guias para fora da área e para outras áreas, além de adicionar novas guias, mas não consigo controlar a ordem das guias.

Meu palpite é que isso tem algo a ver com group="detailed_info"; Parece que o Magento pega os elementos de layout com esse atributo no XML e percorre o caminho para criar as guias.

Existe uma maneira de alterar a ordem das guias sem reescrever o módulo?

magento2 layout template andyjv
fonte

Você encontrou uma resposta para isso? Estou tendo o mesmo problema.

Alex

Ainda não tenho resposta, desculpe.

22616 Andy

Tentei usar o elemento move e cheguei à mesma conclusão que você, eles podem ser movidos para fora das guias, mas não ordenados dentro delas.

Ben Crook

Isso pode ser feito pelo layout apenas com um pequeno truque. Mostrado aqui: magento.stackexchange.com/questions/106412/…

skymeissner

@andyjv, encontre a solução aqui, isso pode ajudá-lo a alcançar o resultado desejado. magento.stackexchange.com/a/242709/52244

Kanhaiya lal

22

Minha abordagem é um pouco diferente, mas provavelmente mais à prova do futuro, no caso de adicionar novas guias mais tarde e alterar a prioridade / ordem dessas guias.

Passei um argumento para cada guia via arquivo XML no arquivo XML dos meus temas

...
<arguments>
    <argument name="priority" xsi:type="string">REPLACE WITH SOME NUMBER</argument>
</arguments>
...

Então, meu arquivo XML de temas se parece com isso:

<referenceBlock name="product.info.details">
        <referenceBlock name="product.info.description">
            <arguments>
                <argument name="priority" xsi:type="string">1</argument>
            </arguments>
        </referenceBlock>
        <referenceBlock name="product.attributes">
            <arguments>
                <argument name="priority" xsi:type="string">3</argument>
            </arguments>
        </referenceBlock>
        <referenceBlock name="reviews.tab">
            <arguments>
                <argument name="priority" xsi:type="string">4</argument>
            </arguments>
        </referenceBlock>
        <!-- MY OWN CUSTOM BLOCK ON THE SECOND POSITION -->
        <block class="Magento\Catalog\Block\Product\View\Description" name="product.features" as="features" template="product/view/features.phtml" group="detailed_info">
            <arguments>
                <argument translate="true" name="title" xsi:type="string">Features</argument>
                <argument name="priority" xsi:type="string">2</argument>
            </arguments>
        </block>
        <!-- MY OWN CUSTOM BLOCK ENDS HERE -->
    </referenceBlock>

Mais ainda, temos que ajustar o details.phtml, então copie-o de

<magento_root>/vendor/magento-catalog-view/frontend/templates/product/view/details.phtml

para

<magento_root>/app/design/frontend/<Vendor>/<theme>/Magento_Catalog/templates/product/view/details.phtml

Lembre-se de que o próprio details.phtmlMagento pode ser alterado em versões ou patches futuras do Magento. Essas alterações também devem ser aplicadas ao conteúdo do seu tema.details.phtml

Agora precisamos obter a prioridade que passamos por meio do arquivo XML.

<?php
/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

?>
<?php if ($detailedInfoGroup = $block->getGroupChildNames('detailed_info', 'getChildHtml')):?>
    <div class="product info detailed">
        <?php $layout = $block->getLayout(); ?>
        <?php
            # We create a new array;
            $newPriority = array();
            # forEach the original $detailedInfoGroup Array;
            foreach ($detailedInfoGroup as $name){
                $alias = $layout->getElementAlias($name);
                # Get the priority which we applied via xml file
                # If no priority is applied via xml file then just set it to 10
                $priority = $block->getChildData($alias,'priority') ? $block->getChildData($alias,'priority') : '10';
                # variables pushed into new two-dimensional array
                array_push($newPriority, array($name, $priority));
            }
            # Sort array by priority
            usort($newPriority, function($a, $b) {
                return $a['1'] <=> $b['1'];
            });
        ?>
        <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
            <?php
            # Delete the original forEach statement
            #foreach ($detailedInfoGroup as $name)
            foreach ($newPriority as $name):?>
                <?php
                    # rename $name[0] to $name because it's a two-dimensional array
                    # No further changes to this file, it works as explained
                    $name = $name[0];
                    $html = $layout->renderElement($name);
                    if (!trim($html)) {
                        continue;
                    }
                    $alias = $layout->getElementAlias($name);
                    $label = $block->getChildData($alias, 'title');
                ?>
                <div class="data item title"
                     aria-labeledby="tab-label-<?php /* @escapeNotVerified */ echo $alias;?>-title"
                     data-role="collapsible" id="tab-label-<?php /* @escapeNotVerified */ echo $alias;?>">
                    <a class="data switch"
                       tabindex="-1"
                       data-toggle="switch"
                       href="#<?php /* @escapeNotVerified */ echo $alias; ?>"
                       id="tab-label-<?php /* @escapeNotVerified */ echo $alias;?>-title">
                        <?php /* @escapeNotVerified */ echo $label; ?>
                    </a>
                </div>
                <div class="data item content" id="<?php /* @escapeNotVerified */ echo $alias; ?>" data-role="content">
                    <?php /* @escapeNotVerified */ echo $html; ?>
                </div>
            <?php endforeach;?>
        </div>
    </div>
<?php endif; ?>

Então você vê: você só precisa adicionar algumas linhas e sempre pode alterar a prioridade / ordem das guias através do arquivo xml, não precisa mais alterar o details.phtmlfuturo.

juhanix
fonte

Como podemos exibir o conteúdo da guia "Detalhes" na parte inferior da parte inferior da guia "Mais informações", por favor?

Jai

sua pergunta não está se referindo à pergunta original. você deve abrir um novo ticket. Enfim: você pode fazer referência a um novo arquivo phtml no catalog_product_view.xml do seu tema (por exemplo, description-attribute-combinado.phtml) e colar o conteúdo do descrption.phtml original e attribute.phtml.

21917 juhanix

Colei o conteúdo de ambos os arquivos em um e chamei os arquivos xml como: <referenceBlock name = "product.info.details"> <block class = "Magento \ Catalog \ Block \ Product \ View \ Description" name = "product.info .description.attributes "template =" produto / visualização / descrição-atributos-combinados.phtml "group =" information_info "> <argumentos> <argumento translate =" true "name =" title "xsi: tipo =" string "> Mais Informações </argument> </arguments> </block> </referenceBlock> Mas site em branco e exibe apenas o conteúdo das guias. O que está a faltar?

Jai

Eu adicionei a pergunta aqui: magento.stackexchange.com/q/157376/29175

Jai

@juhanix Isso requer que você avance um modelo que pode ser modificado em patches posteriores do Magento. Veja minha resposta que não modifica nenhum arquivo principal. Felizmente, esse é um problema central que pode ser corrigido.

11267 LordZardeck

14

Para alterar a posição do Tabbing na página de detalhes, usando arquivo de configuração XML após ou antes atributo não ajuda neste caso.

Você precisa mudar do arquivo de modelo.

Copie o arquivo details.phtml do núcleo para o seu tema,

app/design/frontend/Packagename/themename/Magento_Catalog/templates/product/view/details.phtml

Dentro deste arquivo, você pode buscar o nome de todas as guias usando, print_r ($ detailInfoGroup) , para obter valor como,

Array
(
    [0] => product.info.description
    [1] => product.attributes
    [2] => reviews.tab
)

Você deve definir de acordo com seus requisitos em uma nova matriz antes de cada arquivo,

<?php $newOrderTabbing = array('product.info.description',,'reviews.tab','product.attributes'); //custom add ?>,

adicionar <?php foreach ($newOrderTab as $name):?>,

O código completo em details.phtml é como abaixo,

<?php
/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

?>
<?php if ($detailedInfoGroup = $block->getGroupChildNames('detailed_info', 'getChildHtml')):?>
    <?php $newOrderTabbing = array('product.info.description','reviews.tab','product.attributes'); //custom added position ?>
    <div class="product info detailed">
        <?php $layout = $block->getLayout(); ?>
        <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
            <?php foreach ($newOrderTabbing as $name): //custom arrayname?>
                <?php
                    $html = $layout->renderElement($name);
                    if (!trim($html)) {
                        continue;
                    }
                    $alias = $layout->getElementAlias($name);
                    $label = $block->getChildData($alias, 'title');
                ?>
                <div class="data item title"
                     aria-labeledby="tab-label-<?php /* @escapeNotVerified */ echo $alias;?>-title"
                     data-role="collapsible" id="tab-label-<?php /* @escapeNotVerified */ echo $alias;?>">
                    <a class="data switch"
                       tabindex="-1"
                       data-toggle="switch"
                       href="#<?php /* @escapeNotVerified */ echo $alias; ?>"
                       id="tab-label-<?php /* @escapeNotVerified */ echo $alias;?>-title">
                        <?php /* @escapeNotVerified */ echo $label; ?>
                    </a>
                </div>
                <div class="data item content" id="<?php /* @escapeNotVerified */ echo $alias; ?>" data-role="content">
                    <?php /* @escapeNotVerified */ echo $html; ?>
                </div>
            <?php endforeach;?>
        </div>
    </div>
<?php endif; ?>

Rakesh Jesadiya
fonte

Obrigado Rakesh Jesadiya, está funcionando como um encanto ...!

Sarfaraj Sipai

13

No Magento 2.3.1 ou acima, podemos usar o sort_orderargumento em " app/design/frontend/Packagename/themename/Magento_Catalog/layout/catalog_product_view.xml" xml config

<referenceBlock name="product.info.description">
    <arguments>
        <argument name="title" translate="true" xsi:type="string">Description</argument>
        <argument name="sort_order" xsi:type="string">20</argument>
    </arguments>
</referenceBlock>

Certifique-se também de atualizar o método " getGroupChildNames" com " getGroupSortedChildNames" no arquivo de modelo ( se você o estiver substituindo ) " app/design/frontend/Packagename/themename/Magento_Catalog/templates/product/view/details.phtml".

Método antigo

<?php if ($detailedInfoGroup = $block->getGroupChildNames('detailed_info', 'getChildHtml')):?>

Método atualizado

<?php if ($detailedInfoGroup = $block->getGroupSortedChildNames('detailed_info', 'getChildHtml')):?>

Se você estiver substituindo a Magento\Catalog\Block\Product\View\Details.phpclasse de bloco, sua classe de bloco também deverá ter esse método " getGroupSortedChildNames" atualizado .

Nadeem0035
fonte

1

Esta é definitivamente a resposta certa a partir do 2.3.1.

Geat

Funciona para mim no 2.3.2, muito obrigado!

Jared Chu

3

Outra maneira usando o argumento de ordem de classificação.

Caminho de arquivo - app\design\frontend\<companyNAme>\<ThemeName>\Magento_Catalog\layout\catalog_product_view.xml

Adicione o argumento da ordem de classificação dentro do contêiner do bloco de referência product.info.details.

Código de exemplo

<block class="Magento\Catalog\Block\Product\View" name="shipping_tab" template="Magento_Catalog::product/view/shipping.phtml" group="detailed_info" >
    <arguments>
    <argument translate="true" name="title" xsi:type="string">Shipping</argument>
    <argument name="sort_order" xsi:type="string">10</argument>
    </arguments>
</block>

Altere o valor do argumento da ordem de classificação para 10, 20, 30 conforme seu pedido.

Rathna
fonte

1

resposta perfeita com um exemplo sort_orderfoi importante para mim, +1 fez o meu dia :)

SagarPPanchal

2

Sei que houve outras respostas para essa pergunta, mas todas elas foram muito invasivas para o meu gosto. Analisando a questão, o Magento adiciona um atributo "group" separado a um elemento e adiciona filhos a esse atributo na ordem carregada no layout, completamente separado da matriz filho que contém a matriz classificada de elementos. Para corrigir isso, escrevi um plug-in simples que corrige a classificação ao recuperar filhos do grupo:

class Structure
{
    /**
     * Re-orders the array of group children based on the sort order defined on the parent's children
     *
     * @param \Magento\Framework\Data\Structure $subject
     * @param callable $proceed
     * @param $parentId
     * @param $groupName
     * @return array
     */
    function aroundGetGroupChildNames( \Magento\Framework\Data\Structure $subject, callable $proceed, $parentId, $groupName )
    {
        $sortedList = [];

        // Go ahead and get all the children
        $groupChildNames = $proceed( $parentId, $groupName );

        // If there was no group children, just leave early
        if (empty( $groupChildNames ))
        {
            return $groupChildNames;
        }

        // Go through the order of the parent's children and if it's in the list of group children aggregated above,
        // add it to our own list
        foreach ($subject->getElement( $parentId )['children'] as $childId => $childAlias)
        {
            if (!in_array( $childId, $groupChildNames ))
            {
                continue;
            }

            array_push( $sortedList, $childId );
        }

        return $sortedList;
    }
}

Agora, você poderá solicitar as guias usando o XML padrão beforee os afteratributos no layout, como seria de esperar, e provavelmente não precisará ser modificado em patches futuros do Magento.

LordZardeck
fonte

O poderoso e honrado LordZardeck deu a resposta correta. Adicionar tanta lógica a um modelo, como a maioria das respostas acima, está apenas pedindo problemas ao atualizar para versões mais recentes do magento.

Nathan Toombs

2

Eu acho que você precisa apenas adicioná-los na ordem de sua escolha. Para mim, estou usando 4 guias nesta ordem:

Detalhes
Tags do produto
Guia Personalizada 1
Guia 2 personalizada

No meu módulo personalizado, criei este arquivo de layout: catalog_product_view.xml com este conteúdo:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="product.info.details">
            <block class="Magento\Catalog\Block\Product\View" name="tab.tags" template="Godogi_Utilities::catalog/product/tab_tags.phtml" group="detailed_info" >
                <arguments>
                    <argument translate="true" name="title" xsi:type="string">Product Tags</argument>
                </arguments>
            </block>
            <block class="Magento\Catalog\Block\Product\View" name="tab.custom.tab.one" template="Godogi_Utilities::catalog/product/custom_tab_1.phtml" group="detailed_info" >
                <arguments>
                    <argument translate="true" name="title" xsi:type="string">Custom Tab 1</argument>
                </arguments>
            </block>
            <block class="Magento\Catalog\Block\Product\View" name="tab.custom.tab.n" template="Godogi_Utilities::catalog/product/custom_tab_n.phtml" group="detailed_info" >
                <arguments>
                    <argument translate="true" name="title" xsi:type="string">Custom Tab N</argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

Você pode ver que eu adicionei apenas 3 guias porque a guia detalhes já existe. Como resultado, tenho as guias nesta ordem:

Tags do produto
Guia Personalizada 1
Guia 2 personalizada
Detalhes

O que não era o que eu queria, agora minha solução é adicionar também a guia Detalhes novamente, para que meu arquivo de layout fique assim:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="product.info.details">
            <block class="Magento\Catalog\Block\Product\View\Description" name="product.info.description" template="product/view/attribute.phtml" group="detailed_info">
                <arguments>
                    <argument name="at_call" xsi:type="string">getDescription</argument>
                    <argument name="at_code" xsi:type="string">description</argument>
                    <argument name="css_class" xsi:type="string">description</argument>
                    <argument name="at_label" xsi:type="string">none</argument>
                    <argument name="title" translate="true" xsi:type="string">Details</argument>
                </arguments>
            </block>
            <block class="Magento\Catalog\Block\Product\View" name="tab.tags" template="Godogi_Utilities::catalog/product/tab_tags.phtml" group="detailed_info" >
                <arguments>
                    <argument translate="true" name="title" xsi:type="string">Product Tags</argument>
                </arguments>
            </block>
            <block class="Magento\Catalog\Block\Product\View" name="tab.custom.tab.one" template="Godogi_Utilities::catalog/product/custom_tab_1.phtml" group="detailed_info" >
                <arguments>
                    <argument translate="true" name="title" xsi:type="string">Custom Tab 1</argument>
                </arguments>
            </block>
            <block class="Magento\Catalog\Block\Product\View" name="tab.custom.tab.n" template="Godogi_Utilities::catalog/product/custom_tab_n.phtml" group="detailed_info" >
                <arguments>
                    <argument translate="true" name="title" xsi:type="string">Custom Tab N</argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

Agora eu tenho a ordem que eu quero :)

Abdelkebir ELHARFALI
fonte

1

A maneira mais fácil e melhor é, na minha opinião, a solução do LordZardeck com um plugin. Após atualizar o fornecedor / módulo / etc / frontend / di.xml

    <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">

    ...

        <type name="Magento\Framework\Data\Structure">
            <plugin name="vendor_sort_tabs" type="Vendor\Module\Plugins\Structure" sortOrder="0"/>
        </type>

   ...

    </config>

tudo funcionou como desejado.

Obrigado @LordZardeck pelo código limpo!

GeorgeGos
fonte

0

Aqui está a solução que eu usei. Ele trocará a guia de descrição e atributos, se ambos estiverem disponíveis. Isso está usando o tema Ultimo. Mas você entenderá. BEIJO.

<?php 
$detailedInfoGroup = $block->getGroupChildNames('detailed_info', 'getChildHtml');

if ($detailedInfoGroup[0] == 'product.info.description' && $detailedInfoGroup[1] == 'product.attributes') {
    $detailedInfoGroup[0] = 'product.attributes';
    $detailedInfoGroup[1] = 'product.info.description';
}

// rest of the code to look through $detailedInfoGroup
?>

craigtadlock
fonte

0

Minha solução para o problema é modificar o template details.phtml para obter os blocos filhos do layout.

$blocks = $layout->getChildBlocks($block->getNameInLayout());

Ao fazê-lo desta maneira, ele respeita a ordem dada pelos modificadores depois e antes .

<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

?>
<?php if ($detailedInfoGroup = $block->getGroupChildNames('detailed_info', 'getChildHtml')):?>
    <div class="product info detailed">
        <?php $layout = $block->getLayout(); ?>
        <?php $blocks = $layout->getChildBlocks($block->getNameInLayout());?>
        <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
            <?php foreach($blocks as $alias=>$child_block):?>
                <?php if(in_array($child_block->getNameInLayout(),$detailedInfoGroup)):?>
                    <?php
                        $html = $child_block->toHtml();
                        if (!trim($html)) {
                            continue;
                        }       
                        $label = $child_block->getData('title');
                    ?>
                    <div class="data item title"
                         aria-labeledby="tab-label-<?= /* @escapeNotVerified */ $alias ?>-title"
                         data-role="collapsible" id="tab-label-<?= /* @escapeNotVerified */ $alias ?>">
                        <a class="data switch"
                           tabindex="-1"
                           data-toggle="switch"
                           href="#<?= /* @escapeNotVerified */ $alias ?>"
                           id="tab-label-<?= /* @escapeNotVerified */ $alias ?>-title">
                            <?= /* @escapeNotVerified */ $label ?>
                        </a>
                    </div>
                    <div class="data item content" id="<?= /* @escapeNotVerified */ $alias ?>" data-role="content">
                        <?= /* @escapeNotVerified */ $html ?>
                    </div>
                <?php endif; ?>
            <?php endforeach;?>
        </div>
    </div>
<?php endif; ?>

Eu ainda uso a matriz fornecida por getGroupChildNames para validar se o bloco pertence ao grupo.

if(in_array($child_block->getNameInLayout(),$detailedInfoGroup))

Antonio Alonso
fonte

0

Eu não queria trabalhar no tema, queria modificar o comportamento do método 'getGroupChildNames'. Essa abordagem deve funcionar mesmo se o modelo for modificado.

Adicionei isso ao catalog_product_view.xml:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column"
  xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <body>
    <!-- CODE TO REORDER PRODUCT TABS -->
    <block class="Dsy\Ton\Block\Product\View\Description" name="product.info.details.new" template="Magento_Catalog::product/view/details.phtml">
        <!-- ADD MORE BOCKS IF NEEDED -->
    </block>
    <move element="product.info.details.new" destination="content" after="product.info.details"/> 

    <move element="product.info.description" destination="product.info.details.new" after="-"/>
    <move element="product.attributes" destination="product.info.details.new" after="-"/> 

    <referenceBlock name="product.info.details" remove="true"/>
    <!-- CODE TO REORDER PRODUCT TABS -->
  </body>

Em seguida, crie um bloco para alterar o comportamento 'getGroupChildNames':

<?php

namespace My\Module\Block\Product\View;

use Magento\Catalog\Model\Product;

class Description extends \Magento\Catalog\Block\Product\View\Description
{
    public function getGroupChildNames($groupName)
    {
        if ('detailed_info' === $groupName) {
            return [
                // here you can change the order
                'product.attributes',
                'product.info.description',
            ];
        }

        return parent::getGroupChildNames($groupName);
    }
}

Isso é tudo.

amcastror
fonte

0

LordZardeck tem a melhor resposta, mas isso é basicamente um bug e deve ser corrigido no núcleo.

A solução mais simples para o problema que encontrei é a seguinte: Substitua o modelo Magento_Catalog :: product / view / details.phtml e após a primeira condição php na linha 10:

if ($detailedInfoGroup = $block->getGroupChildNames(...

adicione o seguinte código para modificar a ordem:

$_prepend = array_reverse(['product.overview.description']);
foreach ($_prepend as $_name) {
    $k = array_search($_name,$detailedInfoGroup);
    if ( $k !== false) {
        unset($detailedInfoGroup[$k]);
        array_unshift($detailedInfoGroup,$_name);
    }
}

isso mudará a ordem e empurrará todas as guias listadas em $ _prepend para o início da matriz na ordem definida.

siux
fonte

0

Parece que tudo o que foi mencionado acima não é mais relevante. A partir do Magento 2.3.1, podemos usar sort_orderargumentos em xml config.

Krzysztof Wołowski
fonte

0

Um plugin é uma boa solução. Mas você ainda pode melhorar. Você não deseja escrever um plug-in diferente toda vez que precisar reordenar as guias. O que você deseja fazer é definir a ordem em xml. Como isso:

<referenceBlock name="product.info.details">
        <referenceBlock name="product.info.description">
            <arguments>
                <argument name="priority" xsi:type="number">1</argument>
            </arguments>
        </referenceBlock>
        <referenceBlock name="product.attributes">
            <arguments>
                <argument name="priority" xsi:type="number">3</argument>
            </arguments>
        </referenceBlock>
        <referenceBlock name="reviews.tab">
            <arguments>
                <argument name="priority" xsi:type="number">4</argument>
            </arguments>
        </referenceBlock>
        <!-- MY OWN CUSTOM BLOCK ON THE SECOND POSITION -->
        <block class="Magento\Catalog\Block\Product\View\Description" name="product.features" as="features" template="product/view/features.phtml" group="detailed_info">
            <arguments>
                <argument translate="true" name="title" xsi:type="string">Features</argument>
                <argument name="priority" xsi:type="number">2</argument>
            </arguments>
        </block>
        <!-- MY OWN CUSTOM BLOCK ENDS HERE -->
    </referenceBlock>

e então, em vez de modificar o modelo, crie um plugin que faça o Magento entender o priorityargumento usado na configuração xml:

class TabOrder
{
    const TABS_BLOCK_NAME = 'product.info.details';
    const ORDER_ARGUMENT_NAME = 'priority';

    public function afterGetGroupChildNames(
        \Magento\Catalog\Block\Product\View\Description $subject,
        array $result
    ) {
        if ($subject->getNameInLayout() === self::TABS_BLOCK_NAME) {
            foreach ($result as $blockName) {
                // get priority for each block and include it in modifiedResult
                $alias = $subject->getLayout()->getElementAlias($blockName);

                // 100 default value guarantees the tab without priority argument goes last
                $blockPosition =
                    $subject->getChildData($alias, self::ORDER_ARGUMENT_NAME) ?? 100;
                $modifiedResult[] = array(
                    $blockName,
                    $blockPosition);
            }

            // order elements from $modifiedResult by priority
            usort($modifiedResult, function ($a, $b) {
                return $a[1] <=> $b[1];
            });

            // remove priority and leave original values only
            array_walk($modifiedResult, function (&$value, $key) {
                $value = $value[0];
            });

            return $modifiedResult;
        }

        return $result;
    }
}

E, finalmente, o plug-in deve ser aplicado à Magento\Catalog\Block\Product\View\Descriptionclasse no arquivo di.xml.

Krzysztof Wołowski
fonte

0

Para o Magento 2, altere a ordem das guias na página do produto.

Você pode personalizar facilmente a ordem da guia de maneira simples.

Crie o arquivo details.phtml em

app / design / frontend / fornecedor / tema / Magento_Catalog / templates / product / view /

Se o arquivo details.phtml já existir, atualize-o.

Adicione esse código antes do loop foreach. Defina a matriz "$ detailInfoGroup".

Código original:

<?php if ($detailedInfoGroup = $block->getGroupChildNames('detailed_info', 'getChildHtml')):?>
    <div class="product info detailed">
        <?php $layout = $block->getLayout(); ?>
        <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
            <?php foreach ($detailedInfoGroup as $name):?>
                <?php
                    $html = $layout->renderElement($name);
                    if (!trim($html)) {
                        continue;
                    }
                    $alias = $layout->getElementAlias($name);
                    $label = $block->getChildData($alias, 'title');
                ?>
                <div class="data item title"
                     aria-labeledby="tab-label-<?= /* @escapeNotVerified */ $alias ?>-title"
                     data-role="collapsible" id="tab-label-<?= /* @escapeNotVerified */ $alias ?>">
                    <a class="data switch"
                       tabindex="-1"
                       data-toggle="switch"
                       href="#<?= /* @escapeNotVerified */ $alias ?>"
                       id="tab-label-<?= /* @escapeNotVerified */ $alias ?>-title">
                        <?= /* @escapeNotVerified */ $label ?>
                    </a>
                </div>
                <div class="data item content" id="<?= /* @escapeNotVerified */ $alias ?>" data-role="content">
                    <?= /* @escapeNotVerified */ $html ?>
                </div>
            <?php endforeach;?>
        </div>
    </div>
<?php endif; ?>

Depois de adicionar o código:

<?php if ($detailedInfoGroup = $block->getGroupChildNames('detailed_info', 'getChildHtml')):?>
    <div class="product info detailed">
        <?php $layout = $block->getLayout(); ?>
        <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
            <?php $detailedInfoGroup = ["product.info.description", "product.attributes", "reviews.tab"]; ?>
            <?php foreach ($detailedInfoGroup as $name):?>
                <?php
                    $html = $layout->renderElement($name);
                    if (!trim($html)) {
                        continue;
                    }
                    $alias = $layout->getElementAlias($name);
                    $label = $block->getChildData($alias, 'title');
                ?>
                <div class="data item title"
                     aria-labeledby="tab-label-<?= /* @escapeNotVerified */ $alias ?>-title"
                     data-role="collapsible" id="tab-label-<?= /* @escapeNotVerified */ $alias ?>">
                    <a class="data switch"
                       tabindex="-1"
                       data-toggle="switch"
                       href="#<?= /* @escapeNotVerified */ $alias ?>"
                       id="tab-label-<?= /* @escapeNotVerified */ $alias ?>-title">
                        <?= /* @escapeNotVerified */ $label ?>
                    </a>
                </div>
                <div class="data item content" id="<?= /* @escapeNotVerified */ $alias ?>" data-role="content">
                    <?= /* @escapeNotVerified */ $html ?>
                </div>
            <?php endforeach;?>
        </div>
    </div>
<?php endif; ?>

E adicione uma guia personalizada na página do produto, verifique este link

Magento 2 - Criar guia de produto que exibe atributo personalizado

Sohel Khan
fonte

Magento2: ordem de alteração das guias na página do produto

Respostas: