• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 10.09.19, 15:08
  • Opened by: Stephen Selwyn
  • Closed by: Marek
  • Closed on: 01.10.19, 15:54
  • Reason: Closed
  • Comment: Glad to help!

Ticket #15530 - Login form password message

Hi Marek,

I’m not sure if this is something your theme covers or not, so I hope you can please help.

The problem we are having is with the log-in/register form. If you put in an invalid password and then press the ‘SIGN IN’ button, the password input field has a red outline and a message appears saying that the password format has not been followed.

Can you please tell me what the password format is, and how can we put that as a hint inside the Password input field?

Thanks as always for your time.

Comments

Marek 10 Sep 2019, 20:02

Hi, Stephen.
Do you mean this form? https://take.ms/FcaFX

Stephen Selwyn 11 Sep 2019, 15:58

Yes, I believe that is it.

Do you happen to know the answer to this?

I also have a second question if you don’t mind. At the very top of the theme is the currency selector. The icon next to that shows an image of dollars. We need that to show an icon of the Great British Pound icon. Can you please let me know how to change this?

Marek 12 Sep 2019, 12:40

1. As I can see it the source code, the is a restriction for password shorter than 5 symbols.
2. I don’t see there any currency selector, did you disable it?

Stephen Selwyn 13 Sep 2019, 12:22

Hi Marek,
Thanks very much for the information.
The currency selector icon can be seen once you log in. I have attached a screen grab for you.
Also, we have another issue if you don’t mind. On the homepage we get the products shown in the main area. But there is a very large gap between the bottom of the product and then the name of the product. I thought it was due to big white space on the image itself, but I have reduced that and re-uploaded the images but the gap is still there. I have also attached a screen grab for that. Can you please let me know how I can reduce this gap?
Many thanks as always for your help.

Marek 13 Sep 2019, 15:27

1. you can change the icon in the file /themes/alysum/modules/ps_currencyselector/ps_currencyselector.tpl read more about svg icons here http://alysum5.promokit.eu/promokit/documentation/#svg

2. There is no big gap, see the screenshot https://take.ms/duUsl you can change images proportions in the images settings. Don’t forget to regenerate images after changing settings

Stephen Selwyn 16 Sep 2019, 17:07

Hi Marek,
Thank you for point 1, I have now fixed this.

With regards to point 2, can you tell me where I can change the height of this image? - the actual image itself does not have that white space under it, so the system must be adding it in.

A few other questions if that is OK. I thought it best to keep one thread going rather than open even more. But if you prefer me to open 1 ticket per enquiry let me know and I’ll be happy to do that for you.
1.When you go into a product to the product page, there is the word ‘reference’. Can you please tell me what template file this is in as I want to remove the word. I don’t want to remove the whole feature, just the word ‘reference’ 2. On the homepage I have some products in the ‘Deal of the day’ section. In your theme example, you have a large product to the left of this. On our site we have a blank space. Can you please tell me how I can add an image to that slot and what it does?
3. There are social media icons on every product page. I know that I can turn these on and off via the ‘social media share buttons’ module. However, we need an icon for Instagram and one is not in the module. Can you tell me how one can be added, or if not how I can edit the file so the ‘Google Plus’ icon can instead show Instagram and enable me to add the link?

Many thanks as always for your excellent (and very appreciated!!) help.

Marek 17 Sep 2019, 19:16

We have described how to work with images in our documentation: http://alysum5.promokit.eu/promokit/documentation/#!/images

1. I suppose you need this file: /themes/alysum/templates/catalog/_partials/product-details.tpl
2. You have to add a product in the home Page Layout.
3. You can add it to the file /modules/ps_sharebuttons/views/templates/hook/ps_sharebuttons.tpl

Stephen Selwyn 18 Sep 2019, 12:19

Hi Marek,

1. I have been to the file you describe, but I am not sure where the word ‘reference’ is in there. Could you please tell me exactly where the word is please? I can see blocks mentioning reference but no actual place where the word ‘reference’ is displayed.
2. Can you please be more specific. Where do we need to go to get this space filled? - I’ve attached an image to show you where we mean.
3. I have also been to this file. I can see a for-next loop which displays the different social media icons, but there is nowhere here for me to edit each one individually. Can you please let me know how to do this.

With regards to the image sizes, I have changed the height for the ‘home_default’ settings to have a height of 400px. However, once I refresh the site etc. the image size container remains at the previous height. Please see the attached image to get an understanding of what I mean.

Many thanks once again for your help.

Marek 18 Sep 2019, 17:44

4. Don’t forget to regenerate images after changing image sizes

Stephen Selwyn 19 Sep 2019, 15:00

Hi Marek,
Many thanks as always for you help, it is very much appreciated.

1. I have removed the word ‘Reference’ from the code but it is still showing up on the product pages? - I have refreshed the cache. One thing I noticed is that your code is slightly different from mine in that document. This is the code I now have in that file:

   <code> <div class="product-reference hidden">
      <label class="label">{l s='' d='Shop.Theme.Catalog'} </label>
      <span>{$product.reference_to_display}</span>
    </div></code>

2. Thank you for the info.
3. I have now completed this and it is fine. Am I correct in that we now just need to configure the Instagram API on the Instagram end for this to then operate correctly? I saw your page on your documentation to this effect.
4. Thank you for the update.

Marek 19 Sep 2019, 22:12

3. Yes, you need to get Instagram API key

Stephen Selwyn 20 Sep 2019, 15:20

Thanks Marek.
Can you please comment about point 1. The word ‘reference’ is still showing?

Marek 21 Sep 2019, 11:32

You can hide it with following CSS:

.sys-info-section > div:last-child {display:none}