Customize User Pages - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Customize User Pages

D

Davide

EasyStore 11 months 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

0
11 Answers
Order by
Oldest Newest Votes
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #174665

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.

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #173920

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

0
D
Davide
Accepted Answer
11 months ago #174016

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

Thank you for your help

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #174061

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.

0
D
Davide
Accepted Answer
11 months ago #174192

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

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #174314

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

0
D
Davide
Accepted Answer
11 months ago #174367

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"

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #174463

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!

0
D
Davide
Accepted Answer
11 months ago #174558

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

Thank you

0
D
Davide
Accepted Answer
11 months ago #174676

Thank you very much. It's ok!

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 11 months ago #174680

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

0