Moving content boxes around on homepage

[dymaxionfm]

Hello,

We're using a modified version of the gray 1024 template. There are three columns, and we've been able to control which bits of content appear and which ones don't.

However, we'd like to move some of the content boxes from the center (wider) column to some of the side columns and vice-versa.

Is there a tutorial on this?

Thanks!

T

[Jamie]

Hi,

The boxes that appear on the left or right of the storefront when using the default Squirrelcart theme are what we call Navigation Blocks. They are designed for content that can easily fit in a narrow space.

The larger boxes in the center are handled via Content records. You can't move a Content (box) into the navigation normally occupied by a navigation block. They are not compatible.

The code that controls the content inside these boxes (content AND navigation blocks) can easily be seen and modified via the Content field on their respective records.

If you see content that is in a built-in Content record and you want to put it in a Navigation Block, you could create a new navigation block, copy the code in the Content record's "Content" field (in "Source" view), and paste it into the Content field on the Navigation Block record. The navigation block will then display that content.

However, if that content was designed for a wider display than is provided by a nav block it will probably not look very good.

[dymaxionfm]

Thanks, Jamie.

I've been able to get the News Module to work really well in a Content block in the center of the page, which is great.

However, I want to create a single-file verticle Navigation Block that has New Products in it.

In the New Products Content block the content field only has the code [php/] in it. I tried to put that into the Navigation block content area, but it just prints the code on the page.

Is there a template I should reference in PHP to pull up the New Product listings? Or all product listings by date (most recent on top) and limit the list to 5 items?

Either way would work.

Thanks!

T

[Jamie]

In the New Products Content block the content field only has the code [php/] in it. I tried to put that into the Navigation block content area, but it just prints the code on the page.

Click the Source button in the editor and you will see the code. Copy it from that view, and it should work.
example.png

[dymaxionfm]

Hey, thanks, Jamie. It works great. However, I'd like to add a line break in between products so they flow vertically. I'm guessing I'd change the CSS (sc_new_products_content) section? Or is Squirrel cart structured differently?

Thanks in advance!

[Jamie]

You're welcome.

These settings on your Visual Settings page in the control panel control the number of new products shown in that section, and the number per row:
example.png

Change New Products per Row to 1 and it will show one per line.

[dymaxionfm]

Thanks! Worked out perfectly! It looks great and was super-easy.

Thanks!

T

[Jamie]

You're welcome, glad it worked.