Site Issues

chae07184 · December 17

Hello! I'm having an issue with the following:

Products/Shop Page Layout

I would like to replicate the style of the shop page and individual product page shown in the Flower Template: https://themes.muffingroup.com/be/flower2/shop/.
How can I apply this style to the Lottie pre-template I am using?
Also, I don't see a template option for products as seen in the video tutorial.

Gap at the Bottom of Wraps

There is an unwanted gap at the bottom of wraps.
Where can I edit or remove this gap?
See page: https://staging.chaedesign.com/alasamedia/home2-145/
Screenshot attached: Screenshot 2024-12-16 at 11.05.20 PM

Photo Border Radius Issue

Photo Gallery on the bottom of page /Home2-145 had rounded edges (65px), but after making a global update for colors, the rounded corners disappeared. Under the SHOP collection section
How can I reapply the 65px border radius globally?
Is there a way to make these images link to a separate page or arrange featured products to look like this?
See page: https://staging.chaedesign.com/alasamedia/home2-145/
Screenshot attached: Screenshot 2024-12-16 at 10.53.41 PM

Adding a Video Popup to a Section

I would like to add a video popup to a specific section with a video, but I can’t figure out how to implement it.
What is the best way to create a video popup in this section using the theme’s tools or recommended methods but keeping the placeholder. I don't have the "popup page" option as in your tutorial video.
Screenshot attached: Screenshot 2024-12-16 at 11.09.50 PM

Header Height

I am trying to adjust the height/padding of the header/main-nav, but the height option in the header settings doesn’t seem to work.
How can I properly edit the height or padding of the header to achieve the desired look?
Is there a way to edit the transparency of the sticky header?

Phil · December 17

Hi,

1a) This demo is using shop layouts from Betheme -> Theme options -> Shop -> Products list:

1b) Neither Lottie nor Flower demos have shop templates, so if you want to use them you must create it from scratch.

2, 3, 4) The link you have sent does not work:

Also, you did not attach screenshots.

5) For such customization, you should use the Header Builder:

https://support.muffingroup.com/video-tutorials/header-builder-2-0/

Best regards

chae07184 · December 18

Screenshot 2024-12-16 at 10.53.41 PM.png

Screenshot 2024-12-16 at 11.05.20 PM.png

Screenshot 2024-12-16 at 11.09.50 PM.png

Please see attached screenshots

New link (2,3,4): https://staging.chaedesign.com/alasamedia/

Phil · December 19

I will refer to your questions in order you attached screenshots.

1) Go to Betheme -> Theme options -> Accessibility, and disable Keyboard support:

This option to make it work requires adding overlow: unset to make images selectable, but it prevents border-radius to work.

2) If you mean this space:

It comes from the bottom margin you assigned to the section.

3) I can see that you put that link in the Colum Text element. To trigger a video in the lightbox (popup), you must add rel="lightbox" to the <a> tag and a link to your video. Like that: