Media With Text Column

About Shine Theme Media With Text ColumnClick to copy 2222

The Shine Theme Media with text column section displays featured images and featured videos of your products in a grid or carousel. With the Media with text column section, you can highlight brand messages, promote special offers, share educational information, etc.

Media With Text Column

Access Shine Theme Media With Text ColumnClick to copy 2222

From any page in the Shine Admin Dashboard, click on the Add section button > Search for Media with text column > Click on it to add the Media with text column section to your page.

Media With Text Column

Shine Theme Media With Text Column ConfigurationClick to copy 2222

To configure the Media with text column section, click on the section to access the configuration settings.

Media With Text Column

GeneralClick to copy 2222

Under the Color Scheme, you can choose a specific scheme for the Media with text column section. To modify or add a new color scheme, go to Theme Settings > Color.

Media With Text Column

You can add the content for the Subheading, Heading, and Desription. If you want to hide the content, leave the placeholder empty.

Media With Text Column

Note: ​​To highlight the Heading, place them between ‘[‘ and ‘]‘ in the heading input field. Example: [Free shipping]

You can also adjust the size of the Heading:

  • H2
  • H3
  • H4
  • H5

Media With Text Column

Media Column ItemClick to copy 2222

For each item, you can customize the content alignment between Left and Center.

Media With Text Column

Next, you can change the Image ratio:

  • 16:9
  • 1:1
  • 3:2
  • 2:3

Media With Text Column

You can also adjust size for column text heading:

  • H3
  • H4
  • H5
  • H6

Media With Text Column

Large ScreenClick to copy 2222

On a large screen, you can select the Section heading position:

  • Top left
  • Top center

Media With Text Column

You can also select 3,4 or 5 Columns per row.

Mobile ScreenClick to copy 2222

On mobile screen, you can change the Section heading alignment between the Top center and Top left. You can also change the item layout into Grid or Carousel.

Media With Text Column

ButtonClick to copy 2222

In the Button option, you can insert the button label name to add buttons to the section. If you want to remove one button, just delete the text in the button label.

Media With Text Column

For further customization, there are three styles for the button:

  • Filled
  • Outlined
  • Text link

Media With Text Column

You can also paste a link or link directly into the existing page.

Media With Text Column

SpacingClick to copy 2222

You can choose to customize the outer spacing top/bottom of the Media with text column section. These settings will decrease the top/bottom margin of a section, thereby bringing it nearer to the sections above and below it.

  • Remove outer spacing top
  • Remove outer spacing bottom

Media With Text Column

Shine Theme Media With Text Blocks ConfigurationClick to copy 2222

The Media With Text Blocks section provides two main items: Featured image and Featured video.

To add a new block, click the Add Block button. This will open a menu selection dropdown, where you can choose the desired menu type.

Media With Text Column

ImageClick to copy 2222

To add an image, click Select image > Upload your logo or select an existing image from your media library.

Media With Text Column

TextClick to copy 2222

You can also apply text for the Heading and Description.

Media With Text Column

You can paste your video link at External video option or Select video from Shopify-hosted video option which has been uploaded to your Shopify store.

Media With Text Column

Note: In the External video option, the Shine theme supports videos from Youtube and Vimeo. If you use video from the Shopify-hosted option, it will override the External video before.

On the Video thumbnail option, click on the Select image to upload the image or choose an existing image on the media manager.

Media With Text Column

You can also enable auto-play, video loop, and video mute by clicking on the checkbox.

Media With Text Column

Navigate this category