Documentation How to embed video

EDIT ADDITIONAL INFORMATION IN PRODUCTS

Documentation How to embed video

Boldog póló

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

<div class="tt-table-responsive-md">  
	<table class="tt-table-modal-info">
		<thead>
   		<tr>
            <th>UNISEX</th>
            <th>S</th>
            <th>M</th>
            <th>L</th>
            <th>XL</th>
            <th>XXL</th>
		</tr>
		</thead>
		<tbody>
			<tr>
            	<th style="min-width:150px">Testhossz(A)</th>
                <td>71</td>
                <td>74</td>
                <td>76</td>
                <td>79</td>
                <td>81</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Mellbőség(B)</th>
		            <td>46</td>
                <td>51</td>
                <td>56</td>
                <td>61</td>
                <td>66</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Ujjhossz(C)</th>
		            <td>41</td>
                <td>45</td>
                <td>48</td>
                <td>52</td>
                <td>56</td>
			</tr>
		</tbody>
	</table>
</div>

</div>
  <div class="column-02">
    <img src="https://cdn.shopify.com/s/files/1/0758/3311/4949/files/KCS-size-Ferfi-polo.png" height="165">
  </div>
</div>

</div>

+ Add unique tab for product page

Boldog pulcsi

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

<div class="tt-table-responsive-md">  
	<table class="tt-table-modal-info">
		<thead>
   		<tr>
            <th>UNISEX</th>
            <th>S</th>
            <th>M</th>
            <th>L</th>
            <th>XL</th>
            <th>XXL</th>
		</tr>
		</thead>
		<tbody>
			<tr>
            	<th style="min-width:150px">Testhossz(A)</th>
                <td>67</td>
                <td>70</td>
                <td>73</td>
                <td>76</td>
                <td>79</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Mellbőség(B)</th>
		            <td>51</td>
                <td>56</td>
                <td>61</td>
                <td>65</td>
                <td>69</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Ujjhossz(C)</th>
		            <td>59</td>
                <td>61</td>
                <td>62</td>
                <td>64</td>
                <td>65</td>
			</tr>
		</tbody>
	</table>
</div>

</div>

+ Add unique tab for product page

Boldog sapka

Cipzáras Űrhajós pulcsi

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 790px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

<div class="tt-table-responsive-md">  
        <table class="tt-table-modal-info">
            <thead>
               <tr>
                <th>Modell</th>
                <th>Magasság</th>
                <th>Méret</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <th style="min-width:150px">Csoki</th>
                    <td>170 cm</td>
                    <td>M</td>
                </tr>
                <tr>
                    <th style="min-width:150px">Judit</th>
                    <td>169 cm</td>
                    <td>S</td>
                </tr>
            </tbody>
        </table>
    </div>
  
  <div class="tt-table-responsive-md">
	<table class="tt-table-modal-info">
		<thead>
			<tr>
        <td>UNISEX</td>
        <th>XS</th>
        <th>S</th>
        <th>M</th>
        <th>L</th>
        <th>XL</th>
        <th>XXL</th>
        <th>3XL</th>
			</tr>
		</thead>
		<tbody>
            <tr>
                <th >Testhossz(A)</th>
                <td>64</td>
                <td>67</td>
                <td>70</td>
                <td>73</td>
                <td>76</td>
                <td>79</td>
                <td>82</td>
            </tr>
            <tr>
                <th >Mellbőség(B)</th>
                <td>46</td>
                <td>51</td>
                <td>56</td>
                <td>61</td>
                <td>65</td>
                <td>69</td>
                <td>73</td>
            </tr>
            <tr>
                <th >Ujjhossz(C)</th>
                <td>58</td>
                <td>59</td>
                <td>61</td>
                <td>62</td>
                <td>64</td>
                <td>65</td>
                <td>67</td>
            </tr>
		</tbody>
	</table>
</div>

+ Add unique tab for product page

Digitális ajándékkártya

Feliratos férfi póló - Fekete - Kopasz Csimpánz

Feliratos póló

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

<div class="tt-table-responsive-md">  
	<table class="tt-table-modal-info">
		<thead>
   		<tr>
            <th>FÉRFI</th>
            <th>S</th>
            <th>M</th>
            <th>L</th>
            <th>XL</th>
            <th>XXL</th>
            <th>3XL</th>
		</tr>
		</thead>
		<tbody>
			<tr>
            	<th style="min-width:150px">Testhossz(A)</th>
                <td>71</td>
                <td>74</td>
                <td>76</td>
                <td>79</td>
                <td>81</td>
                <td>84</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Mellbőség(B)</th>
		        <td>46</td>
                <td>51</td>
                <td>56</td>
                <td>61</td>
                <td>66</td>
                <td>71</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Ujjhossz(C)</th>
		        <td>40</td>
                <td>43</td>
                <td>47</td>
                <td>51</td>
                <td>55</td>
                <td>58</td>
			</tr>
		</tbody>
	</table>
</div>

<div class="tt-table-responsive-md">  
	<table class="tt-table-modal-info">
		<thead>
   		<tr>
            <th>NŐI</th>
            <th>S</th>
            <th>M</th>
            <th>L</th>
            <th>XL</th>
            <th>XXL</th>
		</tr>
		</thead>
		<tbody>
			<tr>
            	<th style="min-width:150px">Testhossz(A)</th>
                <td>64</td>
                <td>66</td>
                <td>68</td>
                <td>71</td>
                <td>72</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Mellbőség(B)</th>
		        <td>43</td>
                <td>48</td>
                <td>53</td>
                <td>58</td>
                <td>63</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Ujjhossz(C)</th>
		        <td>34</td>
                <td>36</td>
                <td>38</td>
                <td>41</td>
                <td>43</td>
			</tr>
		</tbody>
	</table>
</div>

</div>
  <div class="column-02">
    <img src="https://cdn.shopify.com/s/files/1/0758/3311/4949/files/KCS-size-Ferfi-polo.png" height="165">
  </div>
</div>

</div>

+ Add unique tab for product page

Szabad sajtó póló

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

</div>
  <div class="column-02">
    <img src="https://cdn.shopify.com/s/files/1/0758/3311/4949/files/KCS-size-Ferfi-polo.png" height="165">
  </div>
</div>

</div>

+ Add unique tab for product page

Szabad sajtó pulcsi

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

<div class="tt-table-responsive-md">  
	<table class="tt-table-modal-info">
		<thead>
   		<tr>
            <th>UNISEX</th>
            <th>S</th>
            <th>M</th>
            <th>L</th>
            <th>XL</th>
            <th>XXL</th>
		</tr>
		</thead>
		<tbody>
			<tr>
            	<th style="min-width:150px">Testhossz(A)</th>
                <td>67</td>
                <td>70</td>
                <td>73</td>
                <td>76</td>
                <td>79</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Mellbőség(B)</th>
		            <td>51</td>
                <td>56</td>
                <td>61</td>
                <td>65</td>
                <td>69</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Ujjhossz(C)</th>
		            <td>59</td>
                <td>61</td>
                <td>62</td>
                <td>64</td>
                <td>65</td>
			</tr>
		</tbody>
	</table>
</div>

</div>

+ Add unique tab for product page

Szabad sajtó táska

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 790px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

<div class="tt-table-responsive-md">
<div class="row">
  <div class="column-01">
  	<div class="tt-table-responsive-md">
	<table class="tt-table-modal-info">
		<thead>
		<tr>
        <td></td>
		<th>Méretek</th>
		</tr>
		</thead>
		<tbody>
			<tr>
            	<th>Hosszúság(A)</th>
				<td>42</td>
			</tr>
            <tr>
            	<th>Fülek hossza(B)</th>
				<td>28</td>
			</tr>
			<tr>
            	<th>Szélesség(C)</th>
				<td>38</td>
			</tr>
		</tbody>
	</table>
    <p style="padding-bottom: 10px;">A táska nem zárható.</p>
</div>
  </div>
  <div class="column-02">
    <img src="https://cdn.shopify.com/s/files/1/0758/3311/4949/files/KCS-size-taska.png" height="165">
  </div>
</div>
</div>

+ Add unique tab for product page

Támogató bögre

Támogató póló

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

</div>
  <div class="column-02">
    <img src="https://cdn.shopify.com/s/files/1/0758/3311/4949/files/KCS-size-Ferfi-polo.png" height="165">
  </div>
</div>

</div>

+ Add unique tab for product page

Támogató pulcsi

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

<div class="tt-table-responsive-md">  
	<table class="tt-table-modal-info">
		<thead>
   		<tr>
            <th>UNISEX</th>
            <th>S</th>
            <th>M</th>
            <th>L</th>
            <th>XL</th>
            <th>XXL</th>
		</tr>
		</thead>
		<tbody>
			<tr>
            	<th style="min-width:150px">Testhossz(A)</th>
                <td>67</td>
                <td>70</td>
                <td>73</td>
                <td>76</td>
                <td>79</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Mellbőség(B)</th>
		            <td>51</td>
                <td>56</td>
                <td>61</td>
                <td>65</td>
                <td>69</td>
			</tr>
			<tr>
            	<th style="min-width:150px">Ujjhossz(C)</th>
		            <td>59</td>
                <td>61</td>
                <td>62</td>
                <td>64</td>
                <td>65</td>
			</tr>
		</tbody>
	</table>
</div>

</div>

+ Add unique tab for product page

Űrhajós póló

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

</div>
  <div class="column-02">
    <img src="https://cdn.shopify.com/s/files/1/0758/3311/4949/files/KCS-size-Ferfi-polo.png" height="165">
  </div>
</div>

</div>

+ Add unique tab for product page

Űrhajós unisex pulcsi - Fekete - Kopasz Csimpánz

Űrhajós pulcsi

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 790px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

<div class="tt-table-responsive-md">  
        <table class="tt-table-modal-info">
            <thead>
               <tr>
                <th>Modell</th>
                <th>Magasság</th>
                <th>Méret</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <th style="min-width:150px">Bence</th>
                    <td>181 cm</td>
                    <td>M</td>
                </tr>
                <tr>
                    <th style="min-width:150px">Borka</th>
                    <td>173 cm</td>
                    <td>S</td>
                </tr>
            </tbody>
        </table>
    </div>
  
  <div class="tt-table-responsive-md">
	<table class="tt-table-modal-info">
		<thead>
			<tr>
        <td>UNISEX</td>
        <th>XS</th>
        <th>S</th>
        <th>M</th>
        <th>L</th>
        <th>XL</th>
        <th>XXL</th>
        <th>3XL</th>
			</tr>
		</thead>
		<tbody>
            <tr>
                <th >Testhossz(A)</th>
                <td>64</td>
                <td>67</td>
                <td>70</td>
                <td>73</td>
                <td>76</td>
                <td>79</td>
                <td>82</td>
            </tr>
            <tr>
                <th >Mellbőség(B)</th>
                <td>46</td>
                <td>51</td>
                <td>56</td>
                <td>61</td>
                <td>65</td>
                <td>69</td>
                <td>73</td>
            </tr>
            <tr>
                <th >Ujjhossz(C)</th>
                <td>58</td>
                <td>59</td>
                <td>61</td>
                <td>62</td>
                <td>64</td>
                <td>65</td>
                <td>67</td>
            </tr>
		</tbody>
	</table>
</div>

+ Add unique tab for product page

Űrhajós zokni

Világjegy póló

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1000px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
</head>
<body>

</div>
  <div class="column-02">
    <img src="https://cdn.shopify.com/s/files/1/0758/3311/4949/files/KCS-size-Ferfi-polo.png" height="165">
  </div>
</div>

</div>

+ Add unique tab for product page

Világjegy pulcsi

<h6 class="tt-title">Mérettáblázat (cm)</h6>

.column-01 {
  float: left;
  width: 75%;
  padding: 10px;
}

.column-02 {
  float: left;
  width: 25%;
  padding: 44px 10px 10px 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 790px) {
  .column-01 {
    width: 100%;
  }
  column-02 {
  	width: 100%;
    padding: 10px 10px 10px 10px;
  }
}
</style>
<script>
  
  var jsProduct = null  
  
  if (window.jsProduct && window.jsProduct.type == 'Vify Gift Card') {
    let nativeSections = document.querySelectorAll('[id*="shopify-section-template"][id*="__main"]');
    nativeSections.forEach(node => {
      node.style.display = 'none'
    });
  }
  var jsVariants = [];
  
  if (jsProduct) {
    jsProduct.variants = jsVariants
    
    
    
      // jsProduct.currencySymbol = shop_symbol

window.vifyProduct = jsProduct
  }

// page product native shopify
    if('search' !== 'product' || jsProduct.tags[jsProduct.tags.length - 1] !== 'Vify Gift Card (Do Not Delete)') {
      const time  = setInterval(() => {
        const elements = document.querySelectorAll('[id*="shopify-section-template"][id*="__main"]')
        if (elements.length > 0) {
          elements.forEach(element => {
            if(element.style.visibility === "hidden") {
              element.style.visibility = "visible"
              element.style.minHeight = "auto"
              } else if (element.style.visibility = "visible") {
                clearInterval(time)
              }
          })
        }

if(`https://${window.location.host}/` === document.URL) {
        clearInterval(time)
        window.onload = () => {
          const elements = document.querySelectorAll('[id*="shopify-section-template"][id*="__main"]')
          if (elements.length > 0) {
            elements.forEach(element => {
              if(element.style.visibility === "hidden") {
                element.style.visibility = "visible"
                element.style.minHeight = "auto"
                } else if (element.style.visibility = "visible") {
                  clearInterval(time)
                }
            })
          }
        }
      }
      }, 100)
    }
</script>

<script src="https://cdn.shopify.com/extensions/14f69f75-a2cf-4fd4-9026-38e5fa31b06e/vify-gift-cards-86/assets/vify-gift-card.min.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/e0e1440e-0c1d-42a8-bbb9-093daad56d3a/ultimate-gdpr-eu-cookie-banner-8/assets/cookie-widget.js" type="text/javascript" defer="defer"></script>
</head>
<body>

<div class="tt-table-responsive-md">  
        <table class="tt-table-modal-info">
            <thead>
               <tr>
                <th>Modell</th>
                <th>Magasság</th>
                <th>Méret</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <th style="min-width:150px">Julcsi</th>
                    <td>168 cm</td>
                    <td>M</td>
                </tr>
            </tbody>
        </table>
    </div>
  
  <div class="tt-table-responsive-md">
	<table class="tt-table-modal-info">
		<thead>
			<tr>
        <td>UNISEX</td>
        <th>XS</th>
        <th>S</th>
        <th>M</th>
        <th>L</th>
        <th>XL</th>
        <th>XXL</th>
        <th>3XL</th>
			</tr>
		</thead>
		<tbody>
            <tr>
                <th >Testhossz(A)</th>
                <td>64</td>
                <td>67</td>
                <td>70</td>
                <td>73</td>
                <td>76</td>
                <td>79</td>
                <td>82</td>
            </tr>
            <tr>
                <th >Mellbőség(B)</th>
                <td>46</td>
                <td>51</td>
                <td>56</td>
                <td>61</td>
                <td>65</td>
                <td>69</td>
                <td>73</td>
            </tr>
            <tr>
                <th >Ujjhossz(C)</th>
                <td>58</td>
                <td>59</td>
                <td>61</td>
                <td>62</td>
                <td>64</td>
                <td>65</td>
                <td>67</td>
            </tr>
		</tbody>
	</table>
</div>

+ Add unique tab for product page

EDIT ADDITIONAL INFORMATION IN PRODUCTS

SEARCH RESULTSClose

Boldog bögre

Boldog Napszakot! bögre

Boldog Napszakot! brazil kávé

Boldog Napszakot! etióp kávé

Boldog póló

Boldog pulcsi

Boldog sapka

Cipzáras Űrhajós pulcsi

Digitális ajándékkártya

Feliratos póló

Szabad sajtó póló

Szabad sajtó pulcsi

Szabad sajtó táska

Támogató bögre

Támogató póló

Támogató pulcsi

Űrhajós póló

Űrhajós pulcsi

Űrhajós zokni

Világjegy póló

Világjegy pulcsi