commerce-product.html.twig

{#
/**
 * @file
 *
 * Default product template.
 *
 * Available variables:
 * - attributes: HTML attributes for the wrapper.
 * - product: The rendered product fields.
 *   Use 'product' to print them all, or print a subset such as
 *   'product.title'. Use the following code to exclude the
 *   printing of a given field:
 *   @code
 *   {{ product|without('title') }}
 *   @endcode
 * - product_entity: The product entity.
 * - product_url: The product URL.
 *
 * @ingroup themeable
 */
#}

<style type="text/css">
	.page-header {
		display: none;
	}

</style>


<article{{ attributes }}>
  {#   - product|without('variation_attributes') -   #}
</article>


{{  kint( product|keys )  }}




<div class="col-md-6">

  	{# product.variation_field_kategori_imej #}


  	{% set imej = product.variation_field_kategori_imej %}

  	{#  imej  #}

  	{%  for img in imej  %}

  		{% if img.entity %}

			{% for imgv in img %}

				{{ kint( imgv|keys) }}
				{{ kint( imgv.entity.uri.value) }}
				{{ kint( file_url( imgv.entity.uri.value )) }}

				{% set imagestyle = {
				  '#theme':      'image_style',
				  '#style_name': 'large',
				  '#uri':         imgv.entity.uri.value,
				  '#alt':         imgv.alt,
				  '#attributes': { class: 'pruebaclase' },
				} %}

				{{ imagestyle }}



			{% endfor%}

  		{% endif%}


  	{% endfor %}





</div>



<div class="col-md-6">

	<h3>  {{  product.title  }}</h3>

	<br>

	{{ product.field_kategori }}

	{{ product. field_jenama 	}}
	<br>
	{{ product.variation_price }}
	<br>
	{{ product.field_penerangan }}
	<br>

	{{ product.variations }}


</div>