Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Product social

Mie Tran

Written by Mie Tran

Last updated


On this page

In Theme Customize > Go to Product page > Choose Product Main option > Click Add block button to add the Product Social block to the Product information next to the product image.

Add the Product Social block to the Product main option, then drag it to any position that you wanna show it. Example: Show the Product Social below the Delivery Time:


How to config Product Social Block?

  • Social align: Configure the alignment for the Product Social icons here. You can choose to align the Product Social Left, Right, or Center.

Social align.gif
  • Socials mode: This option allows you to choose the mode for the Social icons. You can choose to Follow or Share. You can control the social network in Theme Settings -> Social Media.

  • Social Style: Choose a style for the Social icons here, We have a total of 4 styles for you to choose from.

  • Social size: Choose a size for the Social icon here. We have a total of 4 sizes for you to choose from: Extra Small, Small, Medium, and Large.

  • Border radius: With a Social style that has a border around the Social icons, you can configure the border radius for the Social icon here.

  • Use color settings checkbox: Tick this checkbox to enable the use color settings option for the Social icon. So you can configure the background color and border color for the Social icons.

  • Primary color: Configure the background color for the Social icons here. This option also supports configuring Metafield, so you can change the background color of the Social icon for every single product.

  • Secondary color: Configure the border color (with Social style that has a border) for the Social icons here.

  • Space horizontal/ vertical items for each device: Configure the space horizontal/ vertical of the Social icons on Mobile devices here.

  • Margin bottom (unit: px) on Desktop/ Mobile: Configure the margin-bottom of the Social icons with other elements on both Desktop and Mobile here.

[Private Offer] EComposer Partner Plan

Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Cheers, The4.

We uses cookies to ensure you get the best experience on our website.