A new alternative to the announcement cards is a List. To create this, first create a list of announcements you want to make by going to Content -> Lists in Sitefinity, and creating a list. In each item, fill out these fields:
Once you've created your list, all you need to do after that is drop in an MVC List widget, select your List, and choose the "Card carousel with count" template. See example below.
<p style="text-align: center;">
<a class="button-secondary button--big" href="#" title="Speakers" target="_blank" rel="noopener noreferrer">Full Lineup</a> </p>
Note: when the below refers to making two layout blocks "neighbors", you should make sure they're both part of a parent layout element, but not one within the other. The easiest way to do this is to label the parent element (the one you're dragging two into), so you can see two distinct layout blocks, one above the other. If you only see one box to drop content into they're probably nested.
<img alt="replace" data-src="/images/default-source/supply-chain-library/supply_chain_conference_02.jpg?Status=Temp&sfvrsn=e42e706e_2" class="loaded" />
<img alt="replace" data-src="/images/default-source/supply-chain-library/supply_chain_conference_01.jpg?Status=Temp&sfvrsn=e62e706e_2" class="loaded" />
<img alt="replace" data-src="/images/default-source/supply-chain-library/supply_chain_conference_podium.jpg?Status=Temp&sfvrsn=1a2e706e_2" class="loaded" />
Association leaders from FMI and GMA share an industry-wide perspective on the impact of transportation issues and solutions projects at all points along the supply chain and the collaborative relationships that will carry us forward.
Hear a macro view of the landscape of our federal transportation environment, including FMCSA efforts that offer the potential to create more jobs in the commercial motor vehicle industry while maintaining the highest level of safety.
Too many shippers try to control the uncontrollable when managing their transportation costs. Within the uncertainties of today’s transportation environment, this session will help you unlock the value of investing in your transportation area as an asset, managing from the inside out, and controlling the things you truly can control to drive savings directly to your bottom line.
window.supporterUrl = 'URL_HERE';
<div class="logo-wall"> </div>
mg-thumbnail-list--5-acrossThe number in the template you select will be how many columns are used, so try to set a good amount for the amount of space you have and/or the number of sponsors you have. (e.g.: don't choose 5 columns if you're displaying in a very small space; don't choose 4 columns if you have 9 sponsors since you'll have one on a row all its own.)
<div id="pull" data-meetingid="442BBE00000008"> </div>
Drag in a 100% width layout and add a banded-bright section-inner class to the wrapper and a container class to Column 1.
For creating a block-like treatment, first look at the number of rows you need (rows being dictated by complete lines of white space that span the entire treatment). Then, for each row, choose either a 33%+67%, 67%+33%, or a 33%+34%+33% layout element. In any case, name the wrapper class tile--banner .
In each column drag in a Tiles widget (under Curated Tiles, non-mvc). Chose to display 'one particular tile only'. Under Single Item Settings/ Detail Template, select Matrix - Single Tile. Small and medium tiles are reserved for columns of 33% or 34%, while large tiles are for 66%. Small tiles can be stacked in the same column.
Since 100% can't be divided three ways evenly, some alignment issues can arise. When creating this treatment, choose one column to apply the extra 1% to and stick with it throughout every row.
Normal Text
When using a navigation widget:
add a list-across class to a list to make it display horizontal.
<ul class="list-across"> <li>I am a list item</li> <li>I am also a list item!</li> </ul>
add a list-across-divided class to a list to make it a divided horizontal list.
<ul class="list-across-divided"> <li>I am a list item</li> <li>I am also a list item!</li> </ul>
<ul class="list-across"> <li><a href="#" class="button">Hello world</a></li> <li><a href="#" class="button-secondary">Hello world</a></li> </ul>
To make buttons bigger add a button--big class.
<ul class="list-across"> <li><a href="#" class="button button--big">Hello world</a></li> <li><a href="#" class="button-secondary button--big">Hello world</a></li> </ul>
This is some normal text. This is some normal text. This is some normal text. This is some normal text. This is some normal text.
Use a small-text class for some small text. This is some small text. This is some small text.
Use a medium-text class for some medium text. This is some medium text. This is some medium text.
Use a large-text class for large text. This is some large text. This is some large text.
Use a larger-text class for some larger text. This is some larger text. This is some larger text.
Use a largest-text class for the largest text.
This layout column has a max width (the content within does not strech to the edge of the browser on wide viewports).
Use a container class on a layout column to apply the sites' standard max width restriction.
This layout column has a more comfortable reading line length.
Add section to the wrapper and container and reading-container class on the same column to shorten the max-width restriction.
This layout column is more narrow.
In addition to the container class, also use a reading-narrow class on the same column to shorten the max-width restriction.
This layout column has the most narrow max width of all.
In addition to the container class, also use a reading-slim class on the same column to shorten the max-width restriction.
I've been pushed down.
Drop in a multi-column layout block and add a divided-columns class to the wrapper.
Add a equal-heights class if you want the columns to appear equal in height.
Add a center-inside class if you want the content within the columns to be vertically centered.
The default background of the site is a light gray color.
If for some reason layout elements don't stack on mobile - add a mobile-zero class to the layout element.
Drag in a two column layout and add a media-box--secondary class to the wrapper.
This variation of the media box is intended to span the width of the screen, so make sure that you don't set this up inside another layout area with a max width.
Add a two column layout block and add a call-to-action class on the wrapper.
Do somethingIf you are using two columns put a equal-heights class on the main wrapper layout block. This will stretch the background color of both columns so that the columns appear even in height.
Do somethingDrag in a 100% column layout. Add a section-2x class to the wrapper and add container in Column 1.
Into this layout element, drag a Blog Posts MVC widget. Select "Use Limit" and set to 3 items total. Choose "Matrix blog post cards" as your "List template."
In the Single Item Settings, under "Open Single Item In...", choose Selected existing page > (Voice of Food Retail Blog) > View
Use a Content Block with text (in H3 & Strong) for the heading and put it right above the blog card content.
To add a button to the blog below the cards, add a Content Block there and copy this HTML:
<p style="text-align: center;"><a href="/blog" class="button" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]eabdcb02-24aa-6724-9237-ff0000c12749">Read our blog</a></p>
Drag in a 100% column layout and add a section-2x class to the wrapper and container in Column 1.
Into this layout element, drag in a News MVC widget. Select "Use Limit" and set to 3 items total. Choose "Matrix news cards" as your "List template.
In the Single Item Settings, select existing page > Newsroom > Latest News > View
WASHINGTON — The Distilled Spirits Council of the United States (DISCUS), Wine & Spirits Wholesalers of America (WSWA), FMI - The Food Industry Association and the National Association of Convenience Stores (NACS) today issued a joint commitment related to the responsible marketing and merchandising of crossover alcohol products.
Crossover alcohol products are generally categorized as alcohol beverages that use the product and intellectual property (brand names, logos, etc.) of existing non-alcohol brands. The DISCUS Code Review Board previously issued guidance on how to responsibly advertise and merchandise these products in December 2022.
“Today’s commitment brings together all three tiers – suppliers, wholesalers and retailers – reinforcing our dedication to responsibly advertise, market and merchandize these products in a manner that avoids consumer confusion and ensures they are only marketed and sold to legal drinking age adults,” said Chris Swonger, President and CEO of DISCUS.
This industry commitment includes actions for suppliers to ensure crossover brand products abide by the DISCUS Code provisions, including advertisements directed to legal drinking age adults and the use of packaging and branding that is clearly and easily distinguishable from their non-alcohol beverage counterparts.
The commitment also includes provisions for wholesalers and retailers to ensure appropriate placement of these products in grocery and convenience store locations, as well as employee training and any necessary efforts to avoid consumer confusion.
“The alcohol industry has a longstanding track record of effective self-regulation, and the nation’s leading spirits and wine wholesalers have placed a critical focus on responsibility efforts in marketing beverage alcohol products,” said Francis Creighton, President and CEO, Wine & Spirits Wholesalers of America. “This commitment will play an important role in standardizing responsible merchandising and marketing practices throughout the country.”
“The food industry has long been committed to ensuring alcohol beverages are properly marketed and merchandised in our members’ stores. It is vital that shoppers are provided with clear, easily understandable information about products to be able to make informed purchasing decisions for themselves and their families. This announcement demonstrates the food industry takes that responsibility seriously, especially as we see innovative new products entering the marketplace,” said Leslie G. Sarasin, President and CEO, FMI—The Food Industry Association.
“Our nation’s convenience stores proudly serve as an important market for consumers to purchase their favorite beverage and this commitment showcases our efforts to reduce the potential for confusion and ensure our customers are aware which products in our stores contain alcohol,” said Henry Armour, President and CEO, National Association of Convenience Stores.
COMMITMENT EXCERPTS
Producers of these products commit to responsibly produce, package and market these products. This includes the following:
Wholesalers and Retailers commit to responsibly merchandise and market these products, in a manner that avoids consumer confusion and ensures they are only marketed and sold to legal drinking age adults. It is important to note that the mechanism for achieving these principles may vary depending on location. For instance, additional steps may be needed in stores that primarily sell non-alcohol products as opposed to stores that primarily sell beverage alcohol. These principles include the following:
###
About DISCUS
The Distilled Spirits Council of the United States is the leading voice and advocate for distilled spirits in the U.S., advocating on legislative, regulatory and public affairs issues impacting the distilled spirits sector at the local, state, federal and international levels. DISCUS members are committed to responsibility and encourage adults who drink to do so in moderation.
About NACS
For more than 60 years, NACS has been recognized as the premiere association for convenience and fuel retailers. NACS has more than 1,000 retail member companies that cumulatively represent more than 200,000 stores in 50-plus countries, including 90,000 stores in the United States alone. The U.S. convenience store industry, with more than 152,000 stores nationwide selling fuel, food and merchandise, conducts 160 million transactions daily and had sales of $860 billion in 2023. For more information, visit convenience.org. Follow NACS on LinkedIn, Twitter, Facebook and Instagram.
About WSWA
WSWA is the national trade association representing the distribution tier of the wine and spirits industry, dedicated to advancing the interests and independence of distributors and brokers of wine and spirits. Founded in 1943, WSWA has more than 380 member companies in 50 states and the District of Columbia, and its members distribute more than 80 percent of all wine and spirits sold at wholesale in the United States. To learn more, please visit www.wswa.org or connect with us on Facebook or Twitter.
Generally used on landing pages.
Drag in a three column layout and add tile--banner and tile--row classes to the wrapper.
This variation of the tile-banner is intended to span the width of the screen, so make sure that you don't set this up inside another layout area with a max width.
In each column drag in a Tiles widget (under Curated Tiles, non-mvc). Chose to display 'one particular tile only'. Under Single Item Settings/ Detail Template, select Matrix - Single Tile.
All icon spans must include an "fmi-icon" class in addition to the classes listed below. (e.g. <span class="fmi-icon fmi-icon-calendar"></span>)
Also, if you will be using the icon inline with some text next to it: use a 'spacer-left' or 'spacer-right' class like so:
<span class="fmi-icon fmi-icon-calendar spacer-right"></span> calendarSee all icons
To display a large icon, use a large-icon class on the icon element.
Add a icon-badge class to an icon to give it a dark circular background.
To edit/add section icons (the green circle with an icon that appears on most pages).
In the admin navigate to Content > Section Icons
In the Title field of your image, prefix your title with mg-caption: . The caption will be added automatically.
Here are the updated IDs for all Categories.
If the category is a "sub category" (i.e. nested under something else), the ID of its parent appears in the third column - otherwise this column says "NULL" and can be ignored. We included this because it is important for determining whether you're looking at the "Training & Development" (ID=20) which is its own top-level category or if you're looking at the "Training & Development" which is nested underneath Education.
27 | Nutrition |
D | Food Safety & Security |
12 | Government Relations |
13 | Human Resources |
20 | Training & Development |
14 | Industry Relations |
1 | General Marketing & Merchandising |
28 | Crisis Management |
23 | Financial Management |
4B | Energy |
5 | Coupons |
9 | Sustainability |
64 | Education |
16 | Meat & Poultry |
19 | Produce |
1C | Seafood |
17 | Consumer Behavior & Trends |
18 | Pharmacy |
42 | Retail Dietitian |
11 | Category Management |
8 | Distribution |
A | Research |
3D | Food Waste |
2C | Deli / Bakery |
47 | Supplier Diversity |
2E | Payments |
2F | Transportation |
30 | SQFI |
32 | Asset Protection |
51 | Risk Management |
52 | Safety |
3C | Corporate Social Responsibility |
33 | Consumer Affairs |
54 | Animal Welfare |
65 | Signature Events |
57 | Safemark |
35 | Health & Wellness |
43 | Family Meals |
36 | Fresh Foods |
37 | Private Brands |
38 | Retail Operations |
46 | Total Store Collaboration |
4C | Packaging |
39 | Technology |
4E | Digital Shopper |
5C | Advertising |
5D | Social Media |
5E | Loyalty Programs |
5F | Communications |
60 | Shopper Services |
3B | Supply Chain |
34 | Cyber Security |
3E | Food Fraud |
66 | Training & Development |
Every blog section should consist of two pages: a list page and a detail page - this is necessary because post detail pages use a unique layout. To compose these sections do the following:
<strong>Category Name</strong> <div class="largest-text">Events</div>
mg-thumbnail-list--2-across mg-thumbnail-list--3-across mg-thumbnail-list--4-across mg-thumbnail-list--5-across Matrix - Title, Caption and Content Matrix - Title and Caption Linked Title Sponsor Carousel
Use the caption field for the items' text.
Use the caption field for the items' text.
Expand all button:
<p style="text-align:right;"><a class="button-secondary expand-toggle" href="#">Expand All</a></p>
11:00 AM - 7:00 PM
12:30 PM - 2:00 PM
4:00 PM - 7:00 PM
7:00 AM - 6:00 PM
7:00 AM - 8:00 AM
8:00 AM - 8:15 AM
8:15 AM - 9:00 AM
9:00 AM - 9:30 AM
9:30 AM - 10:30 AM
10:30 AM - 10:30 AM
11:00 AM - 12:00 PM
12:00 PM - 1:00 PM
1:00 PM - 2:00 PM
2:00 PM - 2:30 PM
2:30 PM - 3:30 PM
3:30 PM - 6:30 PM
7:00 AM - 4:00 PM
7:30 AM - 8:30 AM
7:30 AM - 8:30 AM
8:30 AM - 9:30 AM
9:30 AM - 10:00 AM
10:00 AM - 10:45 AM
11:00 AM - 12:00 PM
12:00 PM - 1:00 PM
1:00 PM - 2:00 PM
2:00 PM - 2:30 PM
2:30 PM - 3:30 PM
3:30 PM - 4:00 PM
4:00 PM - 5:00 PM
6:30 PM - 9:30 PM
7:00 AM - 7:45 AM
8:00 AM - 12:00 PM
We are finalizing locations. Stay tuned for more information.
12:30 PM - 2:00 PM
John Lerch is the Director of Energy and Facilities for Weis Markets, Inc. a regional supermarket chain based in Sunbury, PA with stores located in New York, Pennsylvania, New Jersey, Maryland, Delaware, Virginia, and West Virginia. John is responsible for the energy procurement, facility maintenance, HVAC/ Refrigeration Maintenance, equipment maintenance, and the implementation and execution of energy efficiency and sustainability programs at 200+ stores.