Skip to main content

Editing the Victory theme

Greetings!

I am trying to add an additional, second row of three boxes to the Participate box on the Victory theme. Here's the site

The documentation for the theme says

"The "Participate" call out box will automatically populate with prominent buttons linking to your signup, volunteer and donation pages if they exist. Please note, in order for your volunteer, signup, and donation pages to display they must be set up as your primary pages under your defaults. Go to Websites > Defaults to make the edits. You can add additional call out buttons by clicking Pages > Supporter nav. Buttons you add here will show up in the sidebar on the right."

When I added a page to the supporter nav, it did, indeed appear in the side nav on two-column pages. However, additional buttons did NOT appear on the home page in the Participate box, like it seems to suggest it should in the paragraph quoted above. 

I tried a little direct hackery. I found something on the layout.html file that generates the three buttons, but I've never seen this before:

{% if site.has_volunteer_page? %}
has-vol
{% endif %}
{% if site.has_donation_page? %}
has-cont
{% endif %}
{% if site.has_signup_page? %}
has-cal
{% endif %}

What is this? And how do I add a second row of buttons?

(PS: yes, I know I will have to edit the bg_participate-box.jpg image to accommodate them, as well as adjusting the styles of the box)

Official response from

Hiya Tim —

The Victory theme will — by default — generate up to three buttons on the homepage that correspond to the three default action pages on your site: volunteer, donation and signup. You can configure these default pages by navigating to Websites > Pages > Defaults within your Control Panel.

Regarding the liquid code in your question, the theme uses condtional liquid tags to add or remove CSS classes from an unordered list element, depending on whether certain default pages exist on the site. These CSS classes are used to control the size and formatting of the buttons on the homepage (they are additive and in different combinations cause the box to be formatted in different ways).

Because of the dynamic way in which these buttons are created and formatted, adding a second row of buttons will require some creative coding and possibly the addition of new CSS to the theme.scss file. 

— Ian

Share this post

Showing 8 reactions

How would you tag this suggestion?
Please check your e-mail for a link to activate your account.