Altering product page layout for one product – urgent query

Hi there,

I would like to have this multi step layout for just one product, can this be done using css and specific product ID’s. so it covers the whole frame covering where the product image would normally be and not just the left hand side of the product page? See attached image

Regards

J

Attachments:

You must be logged in to view attached files.

* I would like the product information on the right hand side to cover the whole page not just located on the right. As mentioned, I just require this layout for one specific product. The rest of the products on the site will be the standard product page layout.

Hi,

Could you please send us a link to this product so we can prepare a fix for you?

Regards

Please see link attached – thanks again.

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.postid-1610 .summary { 
		-webkit-box-flex: 0!important;
    -ms-flex: 0 1 100%!important;
    flex: 0 1 100%!important;
    max-width: 100%!important;
    width: 100%!important;
}

.postid-1610 .product-images { 
	display:none;
}

Regards

Thank you so much – brilliant!

can i ask a couple more things:

1. When I have variants in a product page it shows the price range £10-14 for instance, can I just show the lowest price?

2. Is there a subscription plugin you recommend

Thanks again – superb service!

ps. Can we remove the price range £10-40 and just have the actual price but in a far larger font.

Plus is there a way of putting a header/banner on that page above the multistep order?

Thank you again for your A* help.

Hello,

1. Do you have an example of such product?

2. Sorry, but we didn’t have a chance to test subscription plugins with our theme.

You can create an HTML Block in Dashboard -> HTML Blocks with your banner and then add it to that product page using our extra content block feature https://gyazo.com/3fc050ce16e711cddd8b91cac95c8740

Regards

See info attached – thanks

If you are editing the product short description text with Visual Composer you can use our “Button” element to create a button with a link to some other page.

Hi there,

I’m trying to remove labels with the following in the custom CSS but its not doing anything any ideas?

.product-labels {
display: none!important;
}

Hi,

Could you please provide us your website admin access so we can check it?

Regards

Thanks see below

We need this data as well https://gyazo.com/9a5702480f3d6d9fcff5f1859243422a

see attached

Any look with the issues? – Thanks again for your help

We can’t access your website with the login data you gave. Can you please check it?

Sorry try this:

You have an outdated version of the theme. To hide “Sale” label you can use this code snippet

.onsale {
display: none!important;
}

You are using some extra plugin for subscriptions products so this Read More text should be editable in the plugin’s PO file with Loco Translate.

Thanks. Sorry last question!

Attachments:

You must be logged in to view attached files.

How can we see this price on your checkout page? https://gyazo.com/5f9341238c6d7992da7797452435eaef

Its Ok I’ve removed it.

The pop-up newsletter is working but not on mobile could you please advise.

Thanks

Maybe you have hidden the popup for mobile devices in Theme Settings -> Shop -> Promo popup.

[Author]

Posts