Cómo establecer las opciones seleccionadas predeterminadas en la página de detalles del producto magento

Question

Tengo el requisito en el que recibo el ID del producto de la aplicación externa con las opciones de super_attributo del producto como el color y el tamaño. Estoy recibiendo todos esos y puedo hacer la opción de agregar al carro.

Pero aquí mi requisito real es seleccionar las opciones solicitadas por el cliente y redirigirlas a la página de detalles del producto en magento para que aquí todavía puedan ingresar texto opcional para imprimir. Por lo tanto, debo configurar las opciones solicitadas en la página de detalles y redirigirlas a la página de detalles del producto en lugar de agregarlas al carrito. Ingresarán más detalles y luego harán addtocart manualmente.

¿Cómo puedo configurar las opciones seleccionadas mientras se carga?

Por favor, ayúdame.

Answer 1

Afortunadamente, esto ya está incorporado en la mayoría de los temas. Debe conocer la ID de los atributos y valores del producto simple que se incluye en el producto configurable. Solo lo he visto funcionar con tipos configurables, por lo que podría ser una limitación.

• para cada atributo hacer un par clave = valor
• combinar los atributos como una cadena de consulta, por ejemplo. "123 = 345 & 678 = 890"
• Agregue la cadena como un fragmento hash (no como una consulta).
  Este es un ejemplo de la demostración oficial, tenga en cuenta que la primera opción debe seleccionarse para que la segunda funcione, por lo que tiene dos pares clave/valor.

  http://demo.magentocommerce.com/zolof-the-rock-and-roll-destroyer-lol-cat-t-shirt-126.html#525=99&272=22

Answer 2

áspero Magento2 ejemplo, añadir el siguiente para la pre-selección de las opciones de personalización por su nombre = valor en:

/www/mysite/app/design/frontend/mycompany/mytheme/Magento_Catalog/templates/product/view/options.phtml 

El código de abajo se ve en la etiqueta de la opción y el valor de texto de la selección. Y depende de la estructura de tu tema. Ejemplo a continuación para Luma.

Se espera que el siguiente formato en la url

product.html?SelectLabel=OptionValue&SelectLabel=OptionValue 

Esto no da cuenta de multi-lenguaje, etc .. que pudiera adaptarse fácilmente a su lugar busque el ID y seleccione la opción de Identificación del que sería más preciso reemplazar

$(label).parents().eq(1).find('select option:contains('+arr[k]+')').attr('selected', true); 

con (no probado)

$("#"+k+" option[id='"+arr[k]+"']").attr("selected", "selected"); 

<script> 
 
     require(['jquery'],function($){ 
 

 
      $(document).ready(function(){ 
 

 
       function getJsonFromUrl() { 
 
        var query = location.search.substr(1); 
 
        var result = {}; 
 
        query.split("&").forEach(function(part) { 
 
         var item = part.split("="); 
 
         result[item[0]] = decodeURIComponent(item[1]); 
 
        }); 
 
        return result; 
 
       } 
 
       var arr = getJsonFromUrl(); 
 
       for (var k in arr){ 
 
        if (arr.hasOwnProperty(k)) { 
 
         //alert("Key is " + k + ", value is" + arr[k]); 
 
         var label = $('.product-options-wrapper').find("span:contains('"+k+"')"); 
 
         $(label).parents().eq(1).find('select option:contains('+arr[k]+')').attr('selected', true); 
 

 
        } 
 
       } 
 

 
      }); 
 

 
     }); 
 

 
    </script>