Fragments: Text Below Image

[KarenBM]

I'm in fragment hell. Is there any way to have text appear below the image in a fragment? I want to use them as section links to avoid duplicate contents.

Many thanks
Karen

[KarenBM]

OK I've given up on that now and just written HTML into a fragment. Not ideal but a work-around.

[UKCCSam]

If you select the fragment with description and text, then go to the "Layouts" tab.

From "Fragment Layout (Responsive)", select "New" from the bottom of the list. This doesn't have to be based on anything.

Go to the Design tab, then select the "Page Preview" tab at the bottom. Find the fragment you just changed to a new layout and select this on the page so it's outlined. If you select the text or image inside of the fragment, you can use the up arrow to select the whole fragment.

Now select "Layout Code - [whatever you called it]" from the bottom.

Copy and paste the code below into here, and select "Apply".
This should replace the existing code.

<img src="<actinic:variable name="FragmentImageFileName" />"
   title="<actinic:variable name="FragmentTitle" encoding="strip" />"
   alt="<actinic:variable name="FragmentTitle" encoding="strip" />"
   border="0"
   width="<actinic:variable name="FragmentImageWidth" />"
   height="<actinic:variable name="FragmentImageHeight" />"
   />

<actinic:variable formatting="h1" name="FragmentTitle" />
<actinic:variable name="FragmentVideo" />
<a name="<actinic:variable name="FragmentAnchor" />"></a>
<actinic:variable formatting="div,style|fragment-text" name="FragmentText" />

When you paste this in, all the blue values and purple layouts will be added back in.
This layout will put the image above the title and description. Just select the layout from any other fragment to use it.

Edit: There isn't any pre-built options to do this, so it would need to be hard-coded into a new / existing layout. The problem is caused because the image is contained in <div class="set-left"></div> or <div class="set-right"></div>. Within the image layout there isn't any reference to this, so it must be generated elsewhere. A quick fix is just to remove the code that creates the image from this layout and just print it straight from the fragment layout, as above.

[KarenBM]

Thank you, I will definitely try that. The way I ended up doing it takes some time if there are lots of fragments standing-in for duplicate section links.

[KarenBM]

Removed the title and it worked exactly as I wanted it. Thank you!