Customize User pages - Forum | JoomShaper
Solved EasyStore

Customize User pages

Asked by Davide 1 year ago Last activity 1 year ago

How can i customize "Profile", "Wishlist" and "Order History" pages?

And above all i need to change main menu colors without affecting the rest of the site.
I usually put this custom code in SPBuilder Page..

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a { color: #000000 !important;}

I don't know how to change it in the above pages.
Thank for help

Accepted answer

Marked as the solution
Asfakur Rahman Saikat Staff
1 year ago · edited

Hi Davide,

I’ve made the following changes:

  1. After login: I published the Login menu, set it to hidden, and configured it to redirect to the customer profile.
  2. Profile page: For this customization, I worked on the templates/homify/features/menu.php file. However, this may only work until the next template update is installed.

Please check it out and let me know if it works for you.
Best regards.

8 more replies

Oldest first Newest first Most helpful
Asfakur Rahman Saikat Staff
1 year ago

Hi Davide,

Thank you for reaching out!

  1. To customize the customer profile and order history, you can override the component using this method: https://prnt.sc/xZ49Py_IqlG0
  2. For customizing the Wishlist page, please edit it directly with the page builder.
  3. For the menu color, could you provide the site URL?
    Let me know if you need further assistance or if there's anything specific you'd like to achieve.

Best regards

Davide Asked this
1 year ago

Hi,
I can't find Wishlist on SPPageBuilder. Do i have to create it? I'm using homify template.

Thank you for your help

Asfakur Rahman Saikat Staff
1 year ago

Good question! To create a wishlist page similar to your storefront, follow these steps:

Create a new page in SP Page Builder.

  1. Add the Product List addon and set the source to 'Wishlist' as shown here: https://prnt.sc/aBGu8fr4rU9J
  2. In the Product List addon, add elements like the title, thumbnail, and price.
  3. Link the new page to your menu for easy access.
  4. Once you're logged in and have added products to your wishlist, you’ll be able to view your favorite items on this page.

For a guide on creating a storefront page, you can refer to this documentation: https://www.joomshaper.com/documentation/easystore/sp-page-builder-integration

If you need further assistance, please let me know!

Best regards.

Davide Asked this
1 year ago

Thank you very much for your help,
now wishlist page is created and linked to the user menu.

  1. I have this error (JLIB_JS_AJAX_ERROR_OTHER) it occours when clicking on "Delete" from wishlist page. http://www.versionedemo.eu/img/Immagine1.png
  2. Do you remember i told you i have trouble with menu color in the "login" and "profile" pages. I need to change it because is white color text on white background but i don't want to affect all the rest of the site
  3. If you login and from the drop-down menu go to "Profile" you get this page http://www.versionedemo.eu/img/Immagine2.png and not this one http://www.versionedemo.eu/img/Immagine3.png, why?

If you want to take a look Login credentials are in the previous message
David

Asfakur Rahman Saikat Staff
1 year ago

Hi Davide,

Please note the following:

  1. Wishlist Page: I’ve checked, and the "remove from wishlist" function appears to be working correctly. I couldn’t reproduce the issue you mentioned.

  2. Menu Background: Please use the following custom CSS to add a background to the header on the relevant pages:

    .com-users #sp-header {
 background-color: rgba(0, 0, 0, 0.7) !important;
}

  3. Customer Profile and Order History: As I mentioned in my initial response, you’ll need to apply customizations for the customer profile and order history using either overrides or custom CSS.

Please let me know if you have any further questions.

Best regards

Davide Asked this
1 year ago

Thank you very much for your precious help.

  1. OK. I realized I had this issue only on FireFox not Chrome or Opera, so i delete cookies and cached data and solved.
  2. OK with the new code
  3. i see, but I don't need to edit cos the page in the Template is present and Ok for me, but the user dropdown menu is not linked to the correct page, how can i put the correct link to "Profile"? I don't see this menu anywhere.

The correct page is "index.php/customer-profile"
but now is
"index.php/component/users/profile?Itemid=101"

Asfakur Rahman Saikat Staff
1 year ago

Hi,

For issue-3, would you like to redirect users to the customer profile info page after login?

Please provide more details.

Note: This menu is generated from the template code, so it won't appear in the menu manager.

Thanks!

Davide Asked this
1 year ago

Hi,
Yes, both after login and clicking "Profile" menu item i should be redirected to index.php/customer-profile

Thank you

Davide Asked this
1 year ago

Thank you very much. It's ok!

Asfakur Rahman Saikat Staff
1 year ago

You're very welcome! Wishing you a wonderful day.

Log in to reply.