Footer block and single product page stretch row but not content

[manjii]

Hi,

How can i set the footer (im using default footer block) in all pages and the product page stretch row not the content? i would like the layout to be fix container and due to there are some part of the layout do have different background colour.

for the product page i did try set page layout to container but seems in the layout with coloured background won’t stretch to full width event in the row setting i set to stretch row.

below are the url for the product page.

Business Card Single Side

regards,
Manjii

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
Thanks for choosing our product!
You should set Footer Width is Container like this:
https://prnt.sc/tlsc76
and set Row in Footer with WP Bakery is Stretch:
https://prnt.sc/tlscx9
Maybe you need clear cache to see changes.
Hope this help!

****
Regards,
HaruTheme

[manjii]

Hi,

i’ve tried and nothing change even i clear cache.

Regards,
manjii

[admin]

Hi,
That’s seem you edit Footer from From Footer Fullwidth or customize our default footer.
You need remove Padding of Row like this:
https://prnt.sc/tlzqro
and here is the result:
https://prnt.sc/tlzrp4
Hope this help!

****
Regards,
HaruTheme

[manjii]

Hi,

thank you, saw it works with other pages but in the single product page the footer background colour doesn’t stretch.

Business Card Single Side

Regards,
Manjii

• This reply was modified 2 years, 10 months ago by manjii.

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
Because you customize single product page by page builder and it cause js library can’t load!
You can go to wp-content/themes/pangja/assets/js/ then open file haru-shop.js
Please find the code like this on line 149:

singleProductImageZoom: function() {
            if ( !isMobile && !isMobileAlt ) {
            	if ( $('.haru-single-product .woocommerce-image-zoom').length > 0 ) {
					$('.haru-single-product .woocommerce-image-zoom').zoom({
						on: 'mouseover',
						magnify: 1.3
					});
				}   
            }
},

and change to:

singleProductImageZoom: function() {
            
},

[manjii]

Hi,

thank you, it works now, in that case i have to create a child theme izzit? or is there any other way i can take away the code without changing the js file?

regards,
Hwang

[admin]

Hi,
In this case customize JS is the best solution and the easiest way.
If you customize via child theme you need to customize a lot of PHP code.

****
Regards,
HaruTheme

[Author]

Posts