Radian 3.0 đã ra mắt — bundle, category showcase và chuyển động điện ảnh.Xem có gì mới

Press quotes

Press quotes shows what magazines and blogs say about you. The publication logos sit in a row; each logo is a tab that shows its quote above. The quotes can rotate on their own, with a thin line under the active logo showing the time left.

The Press quotes section.
The Press quotes section.

How to set it up

Step 1: Add the section

  1. In the theme editor, open the home page and click Add section in the Template area.
  2. Choose Press quotes. Drag it to where you want it on the page.

Step 2: Add publications

  1. Click Add block > Publication.
  2. Upload the publication's Logo. A logo with a transparent background, in one color, looks best.
  3. Enter the Name: it shows when there is no logo, and screen readers read it.
  4. Write the Quote.
Press quotes settings.
Press quotes settings.

Step 3: Set the rotation

  1. Under Logos, set the Logo height.
  2. Turn on Rotate quotes automatically (1) and set Show each quote for in seconds.

Step 4: Style the quotes

  1. Under Text, write an Eyebrow such as In the press, and choose the Quote style.

Settings reference

Press quotes

Text
Quote style Options: Page title, Section heading, Secondary heading.
Logos
Logo height Slider.
Rotate quotes automatically Turns this on or off.
Show each quote for Slider.
Corners
Make section rounded Rounds this section's corners with the radius set for each one.
Top left radius Slider.
Top right radius Slider.
Bottom right radius Slider.
Bottom left radius Slider.

Full width, section layout, color scheme, spacing and mobile overrides work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.

How it works

  • Rotation pauses while the visitor hovers or focuses the section, and while it is off screen, so it doesn't move on unseen.
  • Visitors can click or tab to any logo to show its quote.

Related

Still stuck?

Include your store URL and theme version — we'll get back to you.

Contact support