Jump to content

(Block Newsletter module) Add socials media


Recommended Posts

Hi, I'm workin on my website and I was trying to add socials media in the newsletter block, I already change .tpl file but nothing appear. It's my first time using prestashop so I don't really know how to do it properly.

Actually I have this 105126598_Capturedecran2021-06-11a11_32_14.thumb.png.ae37810b0e9794e5bac8a62a19d0ef16.png

And I want to get that :
9621488_Capturedecranx2021-06-11a11_32_14.thumb.png.7e200fb9d750b873e7f40a392f557222.png

 

And my ppl file look like this 

<!-- Block Newsletter module-->

<div id="newsletter_block_left" class="block">
	<h4 class="title_block">{l s='Newsletter' mod='blocknewsletter'}</h4>
	<div class="block_content">
	{l s='Test'}
	{if isset($msg) && $msg}
		<p class="{if $nw_error}warning_inline{else}success_inline{/if}">{$msg}</p>
	{/if}
		<form action="{$link->getPageLink('index', true)|escape:'html'}" method="post">
			<p>
				<input class="inputNew" id="newsletter-input" type="text" name="email" size="18" value="{if isset($value) && $value}{$value}{else}{l s='your e-mail' mod='blocknewsletter'}{/if}" />
				<input type="submit" value="ok" class="button_mini" name="submitNewsletter" />
				{hook h='displayGDPRConsent' id_module=$id_module}
				<input type="hidden" name="action" value="0" />
			</p>
		</form>
	</div>
	<div class="social_media">
		<p>Test</p>
	</div>
</div>
<!-- /Block Newsletter module-->

<script type="text/javascript">
    var placeholder = "{l s='your e-mail' mod='blocknewsletter' js=1}";
    {literal}
        $(document).ready(function() {
            $('#newsletter-input').on({
                focus: function() {
                    if ($(this).val() == placeholder) {
                        $(this).val('');
                    }
                },
                blur: function() {
                    if ($(this).val() == '') {
                        $(this).val(placeholder);
                    }
                }
            });
        });
    {/literal}
</script>

But as you can see "Test" isn't display and I don't know why.

Even in the inspector it doesn't exist.1659827968_Capturedecran2021-06-11a11_41_33.png.d68ae73605cdd8c99ec8c7c7b628ff8e.png

Thanks to read me I hope someone has a solution.

Have a nice day !

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...