Product Specifications block customization [CSS Handles]

Improved

August 31, 2020

1 min read

{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVR4nGOIYGC4n+jz/+yGZTryACBEBVKjTZ8sAAAAAElFTkSuQmCC","img":{"src":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/css-handles-0.png","width":105,"height":20,"type":"svg"}}

New CSS Handles were added to the Product Specifications block, exported by the Store Components app, in order to grant you more flexibility while customizing the component's elements.

Namely, they are: specificationsTableRow, specificationsTableHead, and specificationsTableBody .

{"base64":" ","img":{"width":740,"height":630,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":100549,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/css-handles-1.png"}}

Caution: as previously communicated, the Product Specifications block was deprecated and replaced by the Product Specifications app. This release is only applied to the first one.