Pixpa gives you the option to add your Store Products on any of your pages. This way, you can advertise/exhibit your products. You can show your products in a unique way when compared to the Store page.
Using this section, you can show specific products that you wish to. This section allows you to create a fully customizable store page if you do not wish to show the default store page.
Remember:
- Make the Store active and create the products.
- The product(s) that you add in the products section should be available on your Store page.
- The products should be either active or hidden.
In this article:
- Add a Products section
- Product Section Settings
- Change product feed Layout
- The Full card and the Text card
Add Product Section
- A section can be added to a page. You can either add a section to an already existing page or create a new page within your website.
- On your page, click on the blue + icon to add a New Section to your page.
- You will now see the section categories on the left side.
- Scroll down and choose the Products Section (1) option where you can choose from the different layouts.
- Choose any section layout and click on it to add it to your page.
Product Section Settings
Once you have added the section:
- Click on the Manage Products (1) button.
- Click on the Settings (2) tab to manage the Product section settings.
- Save (3) your changes.
You will have the option to:
- Get Products (1) – Choose to show the New Products or products from a Specific Category or a Custom Collection. Learn more.
- Set the number of products (2) that you want to show.
- Set the number of columns (3) for the products.
- Manage the gutter (4) of the product grids. Grid spacing/Gutter will be calculated in pixels.
- Set the Image Aspect ratio (5) of the product grid images.
- Choose to show the image items as Full/Text Cards (6). Learn more.
- Specify the padding/spacing (7) of the card in px.
- Align the text (8) below the thumbnails to the Left, Right, or Center.
- Set the Hover Background/Base color (9) and its opacity
- Set the Hover Elements color (10).
- Finally, save (11) the changes.
Get Products options
From Category
- When you choose From Category option (1) in Get Products field, you will have the option to choose the category (2).
Custom Collection
- When you choose the option of Custom Collection (1), you can enter the products from the Products (2) field.
- You can simply enter the product name, the product (if exists in your store) will appear in a dropdown, just click on it.
Change Product Section Layout
Once you have added the product feed section:
- Click on the Manage Products (1) button.
- Click on the Layout (2) tab where you can choose the product feed layout.
- Choose the layout (3) and save (4) your changes.
The Full card and the Text card
When you turn on the Full/Text Card over your products list, the list items will have an outline and background with the card color that you have selected in the Design section.
Also See: Website colors and spacing.
Full Card
When the full card option is selected, the card color is applied to the whole card i.e., the image and the text below it.
Have a look:
Text Card
When the text card option is selected, the card color is applied only to the text below the image.
Have a look: