Page 1 of 1

[SOLVED] product page and footer modification

Posted: Sat Oct 01, 2022 12:36 pm
by katalyst
Problem solved.

Re: product page and footer modification

Posted: Sun Oct 02, 2022 9:59 pm
by IP_CAM
................ 30+ views without any comments seems unusual for a community forum.
Well, with an incomplete OC Version Number mentioned and by use of a Custom Theme, you just expect others to care about for free. But OC is a moneymaker Software, not just another free Gift with masses of free Supporters, just waiting, to be of assistance.

Re: product page and footer modification

Posted: Mon Oct 03, 2022 2:46 am
by JNeuhoff
In order to move the additional images to the top right, you have to change the product.twig template file.

As regards the non-functioning accordions in the footer: This is an issue with the drugstore theme. I hope you didn't get your web theme from a low quality place like templatemonster or themeforest, but from a more reputable provider. In any case, contact the theme author and ask them to fix it, or to refund the money. Your theme issue is not an OpenCart bug.

Re: product page and footer modification

Posted: Mon Oct 03, 2022 3:04 am
by katalyst
IP_CAM wrote:
Sun Oct 02, 2022 9:59 pm
................ 30+ views without any comments seems unusual for a community forum.
Well, with an incomplete OC Version Number mentioned and by use of a Custom Theme, you just expect others to care about for free. But OC is a moneymaker Software, not just another free Gift with masses of free Supporters, just waiting, to be of assistance.
It is a free gift , for the masses, and we use it in any way we like. If you do not wish to help that's alright!
Never did i say i would not compensate somebody for help as nobody offered any ;D

side note: you run the worlds largest free extension repo but have an issue helping for free... crazy
JNeuhoff wrote:
Mon Oct 03, 2022 2:46 am
In order to move the additional images to the top right, you have to change the product.twig template file.

As regards the non-functioning accordions in the footer: This is an issue with the drugstore theme. I hope you didn't get your web theme from a low quality place like templatemonster or themeforest, but from a more reputable provider. In any case, contact the theme author and ask them to fix it, or to refund the money. Your theme issue is not an OpenCart bug.
I do understand the part regarding the product.twig modification but i just end up screwing it completely :bang: lol, that is the reason i asked for some help on here. i googled and moved the additional code around without success.

yes i did purchase it from themeforest. i have already corrected a ton of issues and these are just the last things to tidy up.

If anybody who has the smarts to get this done can shoot me a pm or leave comment and we can work it out in terms of being compensated :)

Thanks everybody :)

Re: product page and footer modification

Posted: Mon Oct 03, 2022 7:35 pm
by paulfeakins
katalyst wrote:
Mon Oct 03, 2022 3:04 am
If anybody who has the smarts to get this done can shoot me a pm or leave comment and we can work it out in terms of being compensated :)
You could pay a developer such as ourselves or post a job in the Commercial Support Forum.

Re: product page and footer modification

Posted: Tue Oct 04, 2022 11:48 am
by katalyst
paulfeakins wrote:
Mon Oct 03, 2022 7:35 pm
katalyst wrote:
Mon Oct 03, 2022 3:04 am
If anybody who has the smarts to get this done can shoot me a pm or leave comment and we can work it out in terms of being compensated :)
You could pay a developer such as ourselves or post a job in the Commercial Support Forum.
Hey thanks for offering help! I'll shoot you an email.

Re: product page and footer modification

Posted: Thu Oct 06, 2022 5:07 pm
by katalyst
still looking for capable developer.

Re: product page and footer modification

Posted: Sat Oct 08, 2022 9:17 pm
by katalyst
only need help with additional image placement. second issue solved.

Re: product page and footer modification

Posted: Sun Oct 09, 2022 9:29 pm
by katalyst
nobody has ever managed to move the additional-images outside of it's default left / right / top / bottom configuartion?
after all i did offer to compensate ;D

Re: product page and footer modification

Posted: Mon Oct 10, 2022 9:26 am
by Joe1234
Is the attached image all you're looking to do? If so, reply with the product twig file from your theme (not the default) and I'll edit it and shoot it back to you if the code is clear. Since I wont be able to edit a live site, I can't really guarantee it, but I'll give it a quick look and try...at worst if I don't get it on the first try I may be able to tell you what to move where to see if you get it while refreshing your page. And no, I don't want access to your site to try it there, I don't do that.

Also note, what I'll be doing is hard coding, so you will lose it if you upgrade.

Re: product page and footer modification

Posted: Mon Oct 10, 2022 11:09 am
by katalyst
Joe1234 wrote:
Mon Oct 10, 2022 9:26 am
Is the attached image all you're looking to do? If so, reply with the product twig file from your theme (not the default) and I'll edit it and shoot it back to you if the code is clear. Since I wont be able to edit a live site, I can't really guarantee it, but I'll give it a quick look and try...at worst if I don't get it on the first try I may be able to tell you what to move where to see if you get it while refreshing your page. And no, I don't want access to your site to try it there, I don't do that.

Also note, what I'll be doing is hard coding, so you will lose it if you upgrade.
That is exactly what i am after :)
http://opencartv3.ddns.net/link/product.twig

i managed to push the images over but i lost the hover/selection functionality from when it was originally below.

Re: product page and footer modification

Posted: Mon Oct 10, 2022 2:53 pm
by Joe1234
Try moving this

Code: Select all

                    {% if images %}
                        {% for image in images %}
                          <li class="image-additional" id="gallery_01">
                            <a href="javascript:void(0);" data-image="{{image['thumb']}}" data-zoom-image="{{image['popup']}}" title="{{ heading_title }}"> 
                              <img src="{{ image['thumb'] }}" data-zoom-image="{{image['popup']}}" title="{{ heading_title }}" alt="{{ heading_title }}" />
                            </a>
                          </li>
                        {% endfor %}
                    {% endif %}
Or the full div:

Code: Select all

             <div class="position-r">
                  <ul class="product-additional owl-slider">
                    <li class="image-additional" id="gallery_01">
                      <a href="javascript:void(0);" data-image="{{thumb}}" data-zoom-image="{{popup}}" title="{{heading_title}}">
                        <img src="{{thumb}}" title="{{heading_title}}" alt="{{heading_title}}" />
                      </a>
                    </li>
                    {% if images %}
                        {% for image in images %}
                          <li class="image-additional" id="gallery_01">
                            <a href="javascript:void(0);" data-image="{{image['thumb']}}" data-zoom-image="{{image['popup']}}" title="{{ heading_title }}"> 
                              <img src="{{ image['thumb'] }}" data-zoom-image="{{image['popup']}}" title="{{ heading_title }}" alt="{{ heading_title }}" />
                            </a>
                          </li>
                        {% endfor %}
                    {% endif %}
                  </ul>
              </div>
to just above

Code: Select all

<h1 class="product-item-name">{{ heading_title }}</h1>
Hope that helps, that's the best I can do without being able to do trial and error testing and refreshing.

Re: product page and footer modification

Posted: Mon Oct 10, 2022 10:37 pm
by katalyst
Joe1234 wrote:
Mon Oct 10, 2022 2:53 pm
Hope that helps, that's the best I can do without being able to do trial and error testing and refreshing.
It worked, now just need to tweak image height/width as it ballooned when moved, but it works!