> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-collage/product.md).
# Product
Add the current block to set a main product in the section.
{% hint style="warning" %}
**Note!** The block will be placed above the product grid on mobile by default.
{% endhint %}
**Product**\
Connect a desired product to the section using the source selector. To create a new product, press the **"Create product"** button to navigate to your *Shopify admin -> Products*.
**Product image**\
Use the picker to replace the default image with a custom one.
**Image ratio**\
Choose the appropriate aspect ratio of product cards. You can use one of the options that display well on all screen sizes: "Adapt to image", "Portrait", "Square", "Landscape", or "Circle". You can check the image ratios [here](/unicorn-shopify-theme/dynamic-theme-sections.md#content).
**Show vendor**\
Display a brand for each product card.
**Show secondary image on hover**\
Enable the option to show the second product image when the product card is hovered over.
**Show variants**\
Displays product variants below the product cards.
**Content alignment**\
Aligns the product details to the "Left", "Center", or "Right". This setting controls the horizontal alignment of the product title, price, buttons, and other content displayed beneath the product image.
**Buttons layout**\
Select the corresponding option in the picker: "Icon with text", "Icon only", or "Add to cart below". Select the "Use theme settings" option to apply the global settings. Read the options' descriptions [here](/unicorn-shopify-theme/theme-settings/product-cards.md#button-layout).
