takinglimits

Вставить в колонку F2 и протянуть вниз:
=ПОДСТАВИТЬ(B2;")";E6&"x"&E5&"x"&E3&")")
Норм сработает, только если у каждого товара ровно 6 признаков b их относительное местоположение у каждого товара не меняется (на скриншоте это именно так)

зы. Объединение ячеек -- это зло. Этого надо избегать всегда (легко можно добиться того же визуального эффекта обычным форматированием ячеек: границы, заливка и тп). Сейчас замучаетесь обратно собирать таблицу, или удаляйте объединение в столбце B (всё равно все формулы и скрипты работают с левой верхней ячейкой каждой группы объединенных ячеек, поэтому объединение можно снять).

class="row" id="fish">
<div class="col-xl-12 secbar top-100">
                                      
                                  </div>

#fish {top:-60px;border:2px solid red;position:relative}

https://codepen.io/shwizerland/pen/VdmBpX
так что ли?

transform: translateX(-50%);
https://jsfiddle.net/e71yrkht/

https://codepen.io/anon/pen/VdaGQP

1. Такой костыльный вариант jsBin

2. Пример с svg

<svg xmlns="http://www.w3.org/2000/svg" viewPort="0 0 500 500" width="100%" height="100%">
    <defs>
      <filter id="f1" x="-50%" y="-50%" height="200%" width="200%">
        <feOffset result="offOut" in="SourceAlpha" dx="0" dy="0" />
        <feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" />
        <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
      </filter>
    </defs>

    <g filter="url(#f1)">
      <rect width="200" height="200" x="50%" y="50%" fill="#eee" style="transform:translate(-50px, -50px);"/>
      <circle r="100" cx="50%" cy="50%" fill="#eee" style="transform:translate(-50px, -50px);"/>
    </g>
</svg>

filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
к родителю обоих