Hello, I bought the june codeless theme and I’m having some issues trying to modify the page. I can see the modification options to modify the header, footer, layout and the catalog. But it seems that there is no modification options for the single product page view in the codeless mod tool.
I want to know how I can modify this page, I want to know is there is a way in codeless to modify this page or at least were could I find to modify this page. Since I can’t view it in the page section from wordpress, neither the entries section.
You can customize the products from WordPress dashboard > Products menu. Open each product for edit and change the options in option panel. See screenshots: https://ibb.co/517r9LL https://ibb.co/fDwGdrT
I already checked the customize option menu and the product general options. But there is no options to change the elements from the single product page. There is a option to change the layout of the page, but I don’t see an option to change the size or attributes of elements like the photo display, the buying element and the related products.
If you want to change only the dimensions, you can do so using custom css. Add it in Customize > General > Custom Codes. I can help with the code, but i need to see a link of the product page. What change do you want to make? Increase width/decrease?
I would like to place a limit on the size of the image, also reduce the size of the product buying options. What are the name of the style classes of these elements so I could change it?
I am considering to ask for a refund of my product, I am not satisfied with the results of this theme and I was expecting that I could modified it using the wpbakery or codeless tool. I wasn’t expecting to change the code to modify the style of the page. Or do you have another product that you could recommend.
-You can change image sizes in Codeless > Image Sizes > Other (screenshot);
-Sorry but this styling is made in the code and in the option panel there are other customizations.
With June especially, the developer has tried to include as many styles as possible. Being this a dedicated woocommerce theme.
The customizations you want are not done by the Codeless Builder, nor Visual Composer. These are independed plugins and the products pages are related to Woocommerce plugin. Check out the Woocommerce plugin’s official site to learn more how to change it further. https://docs.woocommerce.com/
This css should be added in the Custom Css box, located in Customize > General > Custom Codes. Add additional css is added here and is not lost even if you update theme.
The code above doe snot target only one product. It would, if the id of the product was added.
The only possible filter could be the .cl-style-default that select the products with default style. You can just delete it and keep the code.
Result:
Ok the fix helped, however I tried to use @media but it generated an error. So now I want to know can I use the @media (min-width: 992px) in the custom codes.
This reply was modified 5 years, 7 months ago by Mirela. Reason: html tags removed
This requires more custom css and probably it’s best to be changed in product core files. Sorry but this is a customization not included in support. If you have to do many changes,i recommend you hire a developer to help.
You can find the css classes to edit, from inspect element. Open inspect element of chrome pressing the F12 keyboard. Then check all css classes you need to grab in order to get the layout you want.
See here a tutorial on how to use inspect element: https://youtu.be/vi1mUy-nXFo https://youtu.be/nV9PLPFTnkE
