• Priority: Medium
  • Status: Waiting on customer
  • Theme: Venedor
  • Assigned To: Fred
  • Private: No
  • Open Date: 10.10.20, 16:56
  • Opened by: Giorgio Amadio

Ticket #19404 - Question about header

Good afternoon,

I’ve attached an image with your demo header. I want the same configuration, but when I import the theme, the menu layout is slightly different. Why?
If I modified the menu with header layout, the menu isn’t sticky. How can I configure this?
Another question, if I set your header like demo, can I set cart instead of the search button?
Can I set the search bar to full width (example like the mobile version in the photo)?

I’m looking forward to your kindly reply,
thank you.

Alessandro

Attachments:

problem.jpg (122.9 KiB)

Comments

Fred 11 Oct 2020, 10:08

Hi, Giorgio Amadio.
Please fill out all necessary fields in your profile https://support.promokit.eu/index.php?do=myprofile to access to your back office

Giorgio Amadio 11 Oct 2020, 16:43

Good afternoon,

thank you for your fast reply. I have filled out all fields.

I’m looking forward to your kindly reply,
thank you.

Fred 12 Oct 2020, 11:15

I see.
You have enabled AMP module. Go to module and disable it. Read about AMP here http://alysum5.promokit.eu/promokit/documentation/amp/index.html

Giorgio Amadio 12 Oct 2020, 12:30

Hi,

i have disabled AMP module, but the result is different of the demo. Why?
Another question is present in my first post: if I set your header like demo, can I set cart instead of the search button?
Can I set the search bar to full width on computer view and mobile view?

Thank you for your reply.

Fred 13 Oct 2020, 12:41

I see.
You just don't have the same elements like in the demo. For example Languages, Currencies, etc...
As for the search bar, try following CSS

@media (max-width:575px) {
    .header-1 .search_widget {
    margin: 30px 0 20px !important;
    width: 100%;
    border:2px solid #494949
    }

    .header-1 .search_widget input[type=text] {
    opacity: 1;
    position: static;
    flex-grow: 1;
    border-color:transparent !important
    }

    .header-1 .search_widget button, .icon_menu {
    border-color:transparent !important
    }

    .header-1 .header-top {
    flex-grow:0
    }
    .icon_menu {
    position: absolute;top: 0;right: 0;
    }
    .header-main-wrap > .flex-container {
    flex-direction: column;
    margin-top: 30px;
    align-items: stretch;
    position:relative
    }
}
@media (min-width:575px) {
 .search_widget input[type=text] {
    position: static;
    opacity: 1;
    pointer-events: auto;   
 }
 .header-1 .header-top > * :not(:first-child) {
    margin-left:0
 }
}
Giorgio Amadio 16 Oct 2020, 11:55

Hi,

thank you so much for your help, this code is ok.
It is possible to have header top bar with "sticky function" as the menu?
It is possible to have "add to cart" button with other 3 button (compare, etc...)?

If I change theme's color, many elements remain green, why?
Thank you for your help, and sorry for all this question.

Giorgio Amadio 16 Oct 2020, 20:32

Good evening,

I have found an issue. I have attached a photo to view the problem with size of search bar on mobile. This problem is present only with iPhone, not with Android.

Thank you.

Attachments:

Fred 17 Oct 2020, 09:46

I don't see the issue, it looks fine for me https://take.ms/5jeNa

Giorgio Amadio 17 Oct 2020, 14:45

Hi,

thank you. Maybe the issue is only with iPhone 6 and above. The issue is on iPhone 6.
When you can, could you reply to the previous message?

Thank you.

Fred 18 Oct 2020, 11:40

1. I just make a top bar sticky with the menu
2. yes, it's possible but that requires some time and we have to much other tickets and not available for customizations now
3. Some elements are independent from the theme. Please let me know which one is not changes it's color

Giorgio Amadio 19 Oct 2020, 15:46

Hi,

thank you for your help.
I noticed that layout is ok on desktop version, but it isn't on mobile version (screenshot attached).

For the previous second question, I thank you for your help, and I ask you if you have time to do this customization (any timing) , and the cost.

Thank you.

Attachments:

Fred 19 Oct 2020, 20:09

you seems added html widget with an error, try to remove your widget and check how it works on mobile, should be ok

Giorgio Amadio 20 Oct 2020, 13:18

Hi,

no, I removed html widget and it not work.

Fred 20 Oct 2020, 15:06

try following CSS

#header .header-main,
#header .header-main-wrap {height:auto}
Giorgio Amadio 20 Oct 2020, 16:53

Hi,

the problem persist with that code.

Fred 20 Oct 2020, 17:26

don't forget about cache.
I have test it out and it definitely works https://take.ms/YTvL1

Giorgio Amadio 26 Oct 2020, 13:29

Good afternoon,

you have right, thank you.

I have insert "BOTTOM BAR" in header section of Venedor settings, but I don't find where I can insert content in HTML.
Could you helpo me?

Thank you.

Fred 26 Oct 2020, 18:25

it depends on where you want to display content. You can use HTML widget in the Page builder

Giorgio Amadio 26 Oct 2020, 20:12

Hi,

thank you, but I don't find where I can modify background color of the first three icon ", in HTML widget there is no color of background.
The code is:

<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-12 flex-container align-items-center hdr-sep"><svg class="svgic" style="color: #ffffff;"><use xlink:href="#si-delivery2"></use></svg>
<div><span style="color: #ffffff;">SPEDIZIONE GRATUITA</span><br /><i style="color: #ffffff;">per ordini superiori a 69€</i></div>
</div> (etc...)

Another question, could I set in homepage two different view of products? One is for bestseller products, another one is for recent product.

Thank you.

Giorgio Amadio 27 Oct 2020, 10:36

Hi,
thank you for your help.

Could you help me with the second question? Is it possibile to set in homepage two different view of products? One is for bestseller products, another one is for recent product.

Thank you.

Fred 27 Oct 2020, 10:42

try to add a widget Product List and select there a type of products you need

Giorgio Amadio 27 Oct 2020, 11:11

Hi,

thank you so much!

If I want to reduce the space between two menu's voice, how can I do this?
I have attached an example,
thank you.

Attachments:

example.jpg (23.3 KiB)
Fred 27 Oct 2020, 11:32

try this:

body .pk-menu-horizontal li.level-1 > a {padding-left:10px;padding-right:10px}
Giorgio Amadio 05 Nov 2020, 11:24

Good morning,

I have some problem with this theme:

1- (Image1)Product's image isn't visible on the site.
2- (Image1)How can I remove buttons on product? I want remove all the button because in mobile version is horrible to see above the product's image. If it is

 possible, I want set only one button to "Insert in cart", but not above image. How can I handle this buttons?

3- (Image2) The squares is too close to the edge on mobile version, it's difficult to select. How can I move the squares?
4- How can I remove "quick compare" function on product page?

Thank you for your help.

Attachments:

Image1.jpg (183.3 KiB)
Image2.jpg (140.8 KiB)
Fred 05 Nov 2020, 11:51

Could you please give me a link to a page where I can see the issue?

Giorgio Amadio 05 Nov 2020, 12:06

Hi,

the link is: https://meravigliao.com

On home page you can see errors 1,2 and 3. (error 2 is only visible on mobile version).

Thank you.

Fred 05 Nov 2020, 16:23

Something wrong with your configuration. Please try to disable Friendly URLs in the Shop Parameters → Traffic & SEO

Giorgio Amadio 05 Nov 2020, 18:09

Hi,

thank you, you're right, I have disabled Friendly URLs and now it's ok for the problem 1.
Could you please tell me about problems 2,3 and 4?

Thank you.

Fred 06 Nov 2020, 11:53

2. To remove buttons use following CSS .product-miniature .product-buttons {display:none}
3. Tested out on different phones and looks fine and not too close to the edge https://take.ms/rUquU

4. Go to Modules Manager and uninstall Compare module

Giorgio Amadio 06 Nov 2020, 13:22

Hi,
thank you for your reply.
For problem 2: thank you, now it's ok. If I want, can I move "product-miniature" above product's image? Or maybe on the corner with CSS code?
For problem 3: I attached two different views with phones, one is Google Pixel 3XL, and another is Xiamoi A3, the problem persist on Google Chrome.
For problem 4: thank you, it's ok and simple.

Thank you.

Attachments:

Pixel.png (219.6 KiB)
Xiaomi.png (102.1 KiB)
Fred 06 Nov 2020, 13:51

2. use CSS, that's easier
2. try following CSS

#checkout #wrapper > .page-width {max-width:90%}
Giorgio Amadio 06 Nov 2020, 16:28

Hi,

thank you, with this code the page is ok now.
For "product-miniature" I'll try to modify the position. Could you write me the parameters to view?

Thank you for your help.

Fred 07 Nov 2020, 17:46

I don't understand what exactly you want do

Giorgio Amadio 07 Nov 2020, 19:27

Hi,

I attached an image.
Now it is example 1, I want try to modify the position of the three squares, as example 2.

Thank you.

Attachments:

errore icone.jpg (527.1 KiB)
Fred 07 Nov 2020, 19:51

try this:

body .product-miniature .product-buttons {
top:calc(80% - 20px);
justify-content:flex-end
}
Giorgio Amadio 11 Nov 2020, 12:53

Hi,

thank you for your help, it's ok and fine now.
Another question if it's possible:
1- I configured "LeftColumn" with category list, why it is visible only in Principal Category and not in Subcategory? (image problem1)
2- How I can disable SlideShow on a specific category page? (image problem3)
3- I tried to modify the privacy popup on home page, but I didn't find where I can translate the text. Could you help me? (image problem4)

Thank you for your help.

Giorgio Amadio 11 Nov 2020, 19:40

Hi,

i'm sorry, I forgot to attach images.

I'm waiting your response,
thank you.

Attachments:

problem1.jpg (166.5 KiB)
problem3.jpg (139 KiB)
problem4.jpg (125.5 KiB)
Fred 11 Nov 2020, 23:50

1. If you mean Product Filter, do to filter module settings, make sure you have selected all categories and rebuild index
2. Go to Revolution Slider and disable/remove sliders you don't need
3. That is a part of Theme Settings module, so you have to translate it

Giorgio Amadio 12 Nov 2020, 10:21

Hi,

thank you for your reply.
1- Yes, I mean Product Filter, module settings is ok, I have selected all categories and rebuild index, but the problem persist.
2- Ok, thank you.
3- I attached an image to view the problem. I translated on Theme Settings module and clear cache, but the problem persist.

Thank you.

Attachments:

error cookie.jpg (129.6 KiB)
Fred 12 Nov 2020, 19:24

1. The filter appears only in case there are products at a page with different options

3. That is a part of Theme Settings module, so you have to translate it

Giorgio Amadio 13 Nov 2020, 11:56

Hi,

thank you for your reply.
1- Yes, but in the categories is present, and in the subcategories no, but I checked options on Filter Categories (as you can view in previous attached image).
2- If I translated the part of Theme Settings module, and it's not work, how I can resolve?

Thank you.

Fred 13 Nov 2020, 12:11

1. Please give me a link where I can see the issue
2. What part did you translate?

Giorgio Amadio 13 Nov 2020, 13:44

Hi,

here the link: https://meravigliao.com/it/10-caffe-te-tisane (category) - https://meravigliao.com/it/17-bevande-solubili (subcategory)
2- I translated the part in Theme - Shop - Amp. Is there another part?

Thank you.

Fred 13 Nov 2020, 14:22

If the filter doesn't appear there that means there are nothing to filter.
Filter module is not our but native prestashop module.

Giorgio Amadio 18 Nov 2020, 09:58

Hi,

thank you for your help.
I have a question, how I can change arrows color in product image? I attached a screenshot.

Thank you.

Attachments:

Fred 18 Nov 2020, 10:29

Try this CSS

#product .amp-carousel-button {background-color:#your_color}
Giorgio Amadio 18 Nov 2020, 10:40

Hi,

thank you for your help, but the problem persist, the arrows color not change. Is there another code to change?

Thank you.

Fred 18 Nov 2020, 10:46

Could you please give me a link to a page where I can see the issue?

Giorgio Amadio 18 Nov 2020, 10:50

Yes,

link is: https://meravigliao.com Could I change color of "back to top" arrow" too?

Thank you.

Fred 18 Nov 2020, 10:54

Sorry, thy this code

body .pk-carousel .pk-nav {background:#fff}
Giorgio Amadio 18 Nov 2020, 11:20

Hi,

I added code, and now it's like image attached.
1- Background color is ok, but the arrow inside the box is moved up and it isn't white.
2- How can I change "back to top" arrow color?

Thank you.

Attachments:

Color change.jpg (242.6 KiB)
Fred 18 Nov 2020, 11:28

I recommend you to use Developer Tools of your browser to change such small things https://www.youtube.com/watch?v=wcFnnxfA70g

Giorgio Amadio 19 Nov 2020, 10:02

Hi,

thank you for your advice, I changed all the color.
But I still have problem with translation of a part of privacy. I attached image as example.
I translated part in Translations>Template Translation>Venedor, but it still english. Could you help me?

Thank you.

Attachments:

Fred 19 Nov 2020, 10:25

1. You can translate top banner in the Page Builder module translation https://take.ms/DHT9p 2. That is a part of Theme Settings module

Giorgio Amadio 19 Nov 2020, 11:00

Hi,

thank you for your help, now I found top banner translation.
For number 2, I only find the part on attached image, but it isn't work

Thank you.

Attachments:

cookie.jpg (174.7 KiB)
Fred 19 Nov 2020, 12:09

#2 that is a wrong place. You have to go to translations → Modules(NOT THEME) → Theme Settings

Giorgio Amadio 19 Nov 2020, 14:03

Hi,

thank you, now it's ok. I'm sorry, I didn't understand where it was.

Thank you.

Fred 19 Nov 2020, 14:04

no problem, you are welcome