BricksPixel
My Account Templates
My Account Templates
  • My Account Templates Installation
Powered by GitBook
On this page
  • 1. Install BricksCart child theme
  • 2. Setup My Account Page:
  • 2. Import CSS Variables
  • Import BricksCart Color Palette:
  • 3. Import Templates

My Account Templates Installation

Last updated 3 months ago

There are four files in the package:

  1. BricksCart.zip child theme (My Account Edition only)

  2. my-account-templates.zip

  3. brickscart-myaccount-templates-css-variables.json

  4. color-palette-brickscart.json

1. Install BricksCart child theme

To do that, Go to Dashboard > Click on Appearance/Theme > Click 'Add New Theme' > Upload Theme > Choose File > Select the file named "BricksCart.zip" > Click on 'Install Now' > Activate Now.

2. Setup My Account Page:

First, go to pages > Hover over My account > click on 'Edit with Bricks' (as shown in the screenshot below):

Now copy the JSON below:


{"content":[{"id":"htgbmo","name":"section","parent":0,"children":["oqzgcc"],"settings":{"_cssGlobalClasses":[],"_background":{"color":{"hex":"#f6f5f3","id":"gmbxra","name":"Color #7","raw":"var(--bc-light-beige)"}}}},{"id":"oqzgcc","name":"container","parent":"htgbmo","children":["ermhrp"],"settings":{"_cssGlobalClasses":[]}},{"id":"ermhrp","name":"woocommerce-account-page","parent":"oqzgcc","children":[],"settings":[]}],"source":"bricksCopiedElements","sourceUrl":"https://brickscart.brickspixel.com","version":"1.11.1.1","globalClasses":[],"globalElements":[]}

Now, click on the 'paste (all)' and save changes, as shown in the screenshot below:Comment

2. Import CSS Variables

Now import BricksCart css variables and css classes:

On the same page where you are > Click on 'Classes/Variables' icon > click Variables > click on Import icon > select the file named "brickscart-myaccount-templates-css-variables.json" OR you can drag and drop file as well. Follow the screenshots below:

Select the CSS Variables file and import it.

Import BricksCart Color Palette:

Go to any page, we can use Home page or any other > Click on "Edit with Bricks" > Add a new section on the canvas > open section settings > open style tab > open typography toggle > click on color picker option > click on '+' icon > click on 'import' icon > select the file named "color-palette-brickscart.json"

3. Import Templates

To install all the templates, go to Dashboard > Hover over Bricks > click on the 'Templates' > click on 'import' > click on 'choose file' > select the file named 'my-account-templates.zip'

Follow the instructions below:

Miscellanous: Make sure you have enabled the woocommerce “Notice” element in the Bricks>settings>woocommerce>Miscellaneous.

Congratulations! 🎉 You have done the job successfully.