Editing Steps

From your store's Dashboard click the Site Designer icon in the left Navigation Menu.

Choose "Search Results" from the Page: Home dropdown menu located at the top of the Site Designer page.

Hover over the Search Results Block and click the Edit button that appears on the left side of the Block.

You may now edit the Block using the controls on the left. You can edit the number of columns, the number of products per page, show or hide price and Add to Cart button and set colors for the Block. Click the Done button when you have completed your changes. If you are ready to apply the changes to your live site, click the Publish button located a the top left of the Site Designer page.

Search Results Page Controls

Arrows to move block up or down the page
Make this block reusable (slider)

*Changes made to a reusable block appear on every page that shares that block.

Configure:

Full width section (slider)

Make background color full width (slider)

Padding on top (slider)

Padding on bottom (slider)

Number of columns (dropdown menu)

Products per page (slider)

Show price (slider)

Add to cart button (slider)

Align text (dropdown menu)

"Load more" button style (dropdown menu)

Cards Layout:

Display as cards - enforces image ratios (slider)

Card display image ratio (dropdown menu)

Border Color

Colors:

Background color

Text color

Product name color

Product price color

Did this answer your question?