How to get for loop index in SXA scriban

 

Adding something to the first item in a loop. As an example, below adding the active class to a bootstrap element, useful for tabs, menus, carousels, modals etc.

{{if for.first == true}} active{{end}}

Also, from the same artist:

• `{{for.index}}` The current index of the for loop

• `{{for.rindex}}` The current index of the for loop starting from the end of the list

• `{{for.first}}` A boolean indicating whether this is the first step in the loop

• `{{for.last}}` A boolean indicating whether this is the last step in the loop

• `{{for.even}}` A boolean indicating whether this is an even row in the loop

• `{{for.odd}}` A boolean indicating whether this is an odd row in the loop

 click here for more details

Glass-mapper-ienumerableguid-to-ienumerableobject

 Glass Mapper IEnumerable<Guid> to IEnumerable <Object>

You can set a custom type on your multi-list field that will be used during code generation by setting the "Custom Data" property of the field in TDS:

.

In your case, if you set this to "generic=Namespace.OtherSitecoreTemplate" the stock code generation templates for TDS will generate as IEnumerable<OtherSitecoreTemplate>

As an aside, this is where you'd set the type for Link fields. If you use the string "type=OtherSitecoreTemplate" it will strongly type the field to the value provided.

Trim item field text to max 48 chars in SXA Scribban code

 

{{

strText="";

if ((sc_raw i_item "Title Override" | string.size) > 0)

strText = sc_raw i_item "Title Override"

else

strText = sc_raw article "Title"

if ((strText | string.size) > 45)

strText = (strText | string.truncate 48)

end

end

}}

Visual Studio Project template for Sitecore Helix Modules and Solutions.

Please follow the below URL to get started:

 Sitecore Helix Visual Studio Templates - Visual Studio Marketplace

Enable and configure the Asset Optimizer in SXA - how to fix min files loading issue

• Enable the Asset Optimizer globally

  To enable the optimizer globally: In the Content Editor, navigate to /sitecore/system/Settings/Foundation/Experience Accelerator/Theming/Optimiser and for both Scripts and Styles select Concatenate and Minify to minify all files and concatenate them into one file. Note Changes take effect immediately after the item is saved. Anonymous users might not see the changes until you publish. If you are using ES6, this back-end optimization is not compatible. Instead, use ECMAScript 6+.

• Change the optimization settings for a specific site

  To change the optimization settings for a specific site: In the Content Editor, navigate to sitecore/content/Tenant/Site/Presentation/Page Designs. In the Asset Optimization section, in the Styles Optimizing Enabled and Scripts Optimizing Enabled fields, to override styles and scripts optimization settings, select: Default – to inherit global settings Yes – to always enable optimization for this site. No – to always disable optimization for this site.

Access Link Field values in Scriban

 

sc_field i_item 'LinkField' [['aria-label', (i_item.LinkField
.Title.raw)], ['class', 'btn btn-orange'], ['role', 'button']]

How to change title for Reusable Image in SXA | CREATING STYLES FOR RENDERING IN SXA

Click here to see

How to add new placeholder in SXA sitecore | create custom placeholder in SXA sitecore

Click here to see

Sitecore | SXA | Access Drop link and link field items in Scribban

• Droplist type     

• {{sc_raw i_item "fieldName"}}"

• Droplink (one child item) 

•  We can get the item and then read value from child item: 
• {{- childitem=sc_follow i_item "fieldName" -}} 
• {{sc_raw childitem "childItemfieldName"}}"

• we can read Inline with the below:
• {{sc_follow i_item "fieldName" | sc_raw "childItemfieldName"}}

• Tree link (multiple sub child items) 

• We can get all items as a collection
• {{for i_child in (sc_followmany i_item "fieldName") }}.