Separating text and image in product description (Sense Theme)

Separating text and image in product description (Sense Theme)

LilWildPets
New Member
5 0 0

Hi, the current setup of my website follows the sense theme layout. My product description consists of text and many images. The current layout displays all the product description images all on the right side of the page, under the text. Is there a way that I can have all the description images separated from the text, and have all those images displayed on my page in full size under the thumbnails and product description? 

I tried adding custom liquid, it allows me to move both the description text and images underneath everything else. But in this case, I only want to move the images. I also tried adding images as metafields, but I don't think there's a correct section that allows me to show all thee images in full size. Also I have about 10 to 15 description images per product. 

Below is what the page look like right now:

Screen Shot 2024-07-08 at 10.29.16 PM.pngScreen Shot 2024-07-08 at 10.38.33 PM.png

 

Replies 3 (3)

wo
Shopify Partner
139 32 29

Create a custom liquid section to get the images on the product page. Use metafields for the text description.

LilWildPets
New Member
5 0 0

Hi, that's a great idea.

 

I've added a metafield for text description. I go ahead and try to add a text section on my template but I can't find the metafiled I created to connect

Screen Shot 2024-07-09 at 12.28.03 AM.pngScreen Shot 2024-07-09 at 12.28.58 AM.png

wo
Shopify Partner
139 32 29

The text type used in your section should be inline-richtext or text, but the multi line text of your metafield will only be displayed in a text box using the richtext type.

wo_0-1720511735291.png