Under Construction!
We're working on some presenting archives full of classic products, timeless photos, and all kinds of cool Camp High stuff. Check back soon!
OUCH! Well... at least this cactus gives you 15% off!
Hey, Camper! We're glad you're OK. Welcome to the family!

As a warm welcome, please enjoy 15% OFF your first purchase and 100% good vibes from Camp High.

Just tell us your email and receive your discount in seconds!

GARAGE IS CLOSED!
Please stay tuned to your email for reopening.

If you're not already signed up, enter your email below to get notified when we reopen!
You really wanna trip out...?
We have a store in sunny Los Angeles. But maybe you're a little far away... No worries.

Explore our flagship L.A. store in 3D and 360°!

Click here to tour the store.
WEBSITE HOW-TO GUIDE
EXPLORE HOW-TO VIDEOS, STEP BY STEP INSTRUCTIONALS, AND MORE
HOW TO ADD A NEW PRODUCT TO THE WEBSITE
STEP #1
Open site dashboard by going to www.webflow.com.

once YOU'RE logged in, click on the site project (it's named camp high).
STEP #2
THIS IS WHAT WILL APPEAR ONCE YOU CLICK ON AND OPEN THE PROJECT.

THIS IS THE MAIN DESIGNER/EDITOR INTERFACE.

YOU'LL SEE ELEMENTS LIKE ACCESSING PAGES, SECTIONS, AND IMAGES ON THE LEFT SIDE.

THE CONTROLS TO ADJUST DESIGN ELEMENTS, SPACING, FONTS, ETC. ARE ON THE RIGHT SIDE.
STEP #3
TO ADD A NEW PRODUCT TO A COLLECTION GRID (SUCH AS IN NEW ARRIVALS,ALL PRODUCTS, KNITS, GARAGE, ETC.), THERE ARE TWO (2) METHODS:

- HOVER OVER A PRODUCT UNTIL THE HIGHLIGHTED BOX SAYS "CATEGORY ITEM DIV" ON THE TOP LEFT OF THE BOX, AND CLICK TO SELECT IT

- OPEN THE SECTION EDITOR ON THE LEFT SIDE AND CLICK ON THE FIRST "CATEGORY ITEM DIV" ONCE
STEP #4
SIMPLY COPY (PRESS CTRL+C OR COMMAND+C ON YOUR KEYBOARD) AND THEN PASTE (CTRL+V OR COMMAND+V).

A DUPLICATE OF THE PRODUCT WILL APPEAR.

YOU CAN MOVE THIS PRODUCT TO ANY ORDER OR POSITION IN THE GRID.

FOR THIS EXAMPLE (NEW ARRIVAL), WE'LL KEEP IT AS THE FIRST ITEM.
STEP #5
LET'S CHANGE THAT DUPLICATE PRODUCT'S ELEMENT TO THE NEW PRODUCT YOU WANT TO PUT UP.

CLICK ON THE MAIN PICTURE OF THE ITEM, AND THEN CLICK THE LITTLE GEAR ICON ON THE TOP OF THE EDITOR PANEL (ON THE RIGHT SIDE) TO OPEN THE IMAGE SETTINGS.

THEN CLICK 'REPLACE IMAGE'. THE LEFT SIDE PANEL WILL APPEAR WITH ALL THE SITE'S IMAGE ASSETS. CLICK THE CLOUD/ARROW ICON AT THE TOP OF THIS PANEL TO UPLOAD THE NEW PRODUCT PICTURE. ONCE UPLOADED, CLICK ON THE IMAGE THUMBNAIL AND IT WILL REPLACE THE NEW PRODUCT'S IMAGE.
STEP #6
THE PRODUCT IMAGE IS NOW CHANGED.

YOU CAN ALSO RENAME THE PRODUCT BY HOVERING OVER THE TITLE AND THE PRICE AND DOUBLE-CLICKING TO EDIT.

NOW LET'S CHANGE THE PRODUCT LINK.

HOVER OVER AND CLICK THE "CATEGORY ITEM DIV" BOX OR SELECT IT IN THE SECTIONS PANEL ON THE LEFT SIDE.

THEN CLICK ON THE LITTLE GEAR ICON ON THE TOP RIGHT OF THE EDITOR PANEL. SIMPLY COPY AND PASTE THE NEW PRODUCT'S URL LINK (SHOPIFY PRODUCT PAGE) INTO THE URL SECTION.
STEP #7
YOU JUST ADDED A NEW PRODUCT, INCLUDING:

- A BACKGROUND-LESS IMAGE
- PRODUCT TITLE
- PRICE ($)
- PRODUCT PAGE URL LINK

NOW GO TO AND CLICK THE 'PUBLISH' TAB ON THE TOP RIGHT OF THE DESIGNER PANEL. IT WILL OPEN A SMALL DIALOG BOX WITH THE DOMAIN NAME THESE EDITS WILL PUBLISH TO.

CLICK ON THE BLUE BUTTON THAT SAYS 'PUBLISH TO SELECTED DOMAINS'.

THAT'S IT!
STEP #8
NOW YOU MAY WANT TO PLACE THIS NEW PRODUCT IN OTHER CATEGORIES LIKE KNITS OR GARAGE OR ALL PRODUCTS. THIS IS SIMPLE.

JUST HOVER OVER AND CLICK ON THE 'CATEGORY ITEM DIV' BOX OR SELECT IT IN THE LEFT SIDE PANEL. NOW JUST COPY (CLICK CTRL+C OR COMMAND+C) THE ELEMENT YOU WANT TO APPLY TO OTHER CATEGORIES.

KEEP IN MIND, YOU CAN ONLY COPY ONE PRODUCT AT A TIME. FOR BULK PRODUCT ADDITIONS, WE CAN COPY THE ENTIRE SECTION.
STEP #9
WITH THE PRODUCT COPIED TO YOUR CLIPBOARD, Click on the 'Page' tab on the top left of the designer window (next to the 'w' logo.)

this opens the pages panel.

select the page/category you want to add this product to. for this example, we will select the 'garage' page.

you can choose any other page and the process will be the same.
STEP #10
hover over the section you want to paste this to (grid) or select the 'all product types' section on the left side panel.

just paste (click ctrl+v or command+v on your keyboard) and this product now enters the grid.
STEP #11
the new product will be in the last position in the grid, so let's make it first.

just hover over or select this product ('category item div') in the left side panel, and drag it to the first (or any other) position to reorder it.

reminder: make sure it stays within the 'all product types' section as you reorder.
STEP #12
THAT'S IT!

JUST FOLLOW THE SAME PROCESS TO ADD IT TO ANY OTHER PAGES AND/OR CATEGORIES.

ONCE YOU GET USED TO IT, ADDING NEW PRODUCTS TO THE PAGE TAKES ONLY SECONDS.

IF ANYONE READING THIS NEEDS FURTHER ASSISTANCE, PLEASE FEEL FREE TO REACH OUT TO ME AT ANY TIME.

DEAZER MARU
TEL/TXT: (551) 497-3790
INFO@VRADOS.COM
← BACK TO HOME